/*!
 * ZeplinGo
 * Custom css
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) ZeplinGo
 */
@import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap');

.langtr {
  display:none;
}

.cid-rxVuiMJXcQ .navbar-dropdown.bg-color.transparent.opened {
    background: #084f06;
}


.PhoneCall {
    bottom: 90px;
}
.WhatsApp {
    bottom: 90px;
    left: auto;
    right: 20px;
}

#navbarSupportedContent > div > ul > li.nav-item.dropdown.megamenu > a {
  color:#fff!important;
}
#navbarSupportedContent > div > ul > li.nav-item.dropdown.megamenu > a:hover {
    color: #4caf50!important;
}

/*!
 * Custom dillede gizlenen yerler
 */
#form1 > div > div > div > div:nth-child(2) > div.icon-contacts.pb-3 > h5 {
  display:none
}
/*!
 * Custom dillede gizlenen yerler
 */

#accordionExample .container{
    background-color: #fff!important;
}

#accordionExample .card-header {
    background-color: rgb(0 116 1);
}

#accordionExample button p {
  color :#fff;
}

#accordionExample .fa {
  color:#ffffff;
}

.contentid16 {
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .contentid16 {
        margin-top: 20px;
    }
}


    .contentid16 {
            padding: 0px 0px 50px 0px;
          min-height: 200px;
    }


    .contentid16 .container .media-container-row {
        /* margin-top: -100px */

    }

    .contentid16 .container .media-container-row > div:nth-child(1){
        -webkit-box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
        -moz-box-shadow: 0 0 10px 1px rgba(53,53,53,.1);
        box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
          margin: 10px!important;
	      background: linear-gradient(3deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.7819721638655462) 100%);
          min-height: 265px;
          border-bottom: solid 5px #1abc67;
    	border-radius: 30px 30px 0px 0px;
          box-shadow: 0px 0px 40px 10px #4444557d;

      
    }

    .contentid16 .container .media-container-row > div:nth-child(2){
        -webkit-box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
        -moz-box-shadow: 0 0 10px 1px rgba(53,53,53,.1);
        box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
          margin: 10px!important;
		  background: linear-gradient(3deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.7819721638655462) 100%);
          min-height: 265px;
          border-bottom: solid 5px #1abc67;
	      border-radius: 30px 30px 0px 0px;
          box-shadow: 0px 0px 40px 10px #4444557d;

    }

    .contentid16 .container .media-container-row > div:nth-child(3){
        -webkit-box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
        -moz-box-shadow: 0 0 10px 1px rgba(53,53,53,.1);
        box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
          margin: 10px!important;
		  background: linear-gradient(3deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.7819721638655462) 100%);
	      min-height: 265px;
          border-bottom: solid 5px #1abc67;
	      border-radius: 30px 30px 0px 0px;
          box-shadow: 0px 0px 40px 10px #4444557d;
    }

    .contentid16 .container .media-container-row > div:nth-child(4){
        -webkit-box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
        -moz-box-shadow: 0 0 10px 1px rgba(53,53,53,.1);
        box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
          margin: 10px!important;
		  background: linear-gradient(3deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.7819721638655462) 100%);
          min-height: 265px;
          border-bottom: solid 5px #1abc67;
	      border-radius: 30px 30px 0px 0px;
          box-shadow: 0px 0px 40px 10px #4444557d;

    }

    .contentid16 .card-title {
    font-size: 1rem;
    font-weight: 600;
    
    }

    .contentid16 .card:hover {
    transform: scale(1.1);
    background-color: #cfffff !important;
    scroll-behavior: smooth;
    border: solid #096f7d;
          cursor: pointer;
    }



       @media (max-width:992px) {
        

    .contentid16 .container .media-container-row > div:nth-child(1){ margin: 0px!important;}
    .contentid16 .container .media-container-row > div:nth-child(2){ margin: 0px!important;}
    .contentid16 .container .media-container-row > div:nth-child(3){ margin: 0px!important;}
    .contentid16 .container .media-container-row > div:nth-child(4){ margin: 0px!important;}
      

    }

    /*!
     * iconlar
     */

    .contentid16 {
        -webkit-animation: slide-in-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both;
                animation: slide-in-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both;
    }






/*!
 * Slider
 */
#slider-text-zep > div {
      padding-right: 0px;
    padding-left: 0px;
}

.cid-ry6drk2Fr4 .mbr-slider .carousel-control {
    background-color: rgb(255 194 1);
    border: 2px solid #e83f36;
}
[class*=" mbri-"], [class^=mbri-] {
    color: darkblue;
}
/*!
 * Slider
 */


.headerTop6 {
    padding-top: 163px !important;
}

#footer2-5 {
      background-color: #052c03;
}
.navbar-short {
  top: -90px!important
}
.MainPageProdList {
  padding-top: 50px;
}

/*!
 * Ana saya ürünler
 */

.MainPageProdList h4{
  color:#fff;
}
.MainPageProdList .basket-list-button {
  display:none;
}
.MainPageProdList .price-box-list {
  display:none;
}

.MainPageProdList h2 {
    color: #ffffff !important;
    font-family: "Concert One", sans-serif;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.DetailPageSimilarProdList h2 {
    color: #ffffff !important;
    font-family: "Concert One", sans-serif;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.MainPageProdList .card-img img, .mbr-figure img {
    width: 100%;
    padding: 10px;
    background: #ffffff;
    border-radius: 30px;
    border: solid 5px #4caf50;
}


/*!
 * Ana saya ürünler
 */

@media screen and (min-width: 768px) {
  
  .MainPageProdList h2 {

    font-size: 6rem;

}

}


.cid-rxVuiMJXcQ .navbar {
    background: #084f06; 
}


/*! benzerürünler */

.DetailPageSimilarProdList {
    background-image: url(https://proje.zeplingo.com/uploads/mainpage/green-background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed; /* PARALLAX EFEKTİ */
}


.DetailPageSimilarProdList .card-img img, .mbr-figure img {
    width: 100%;
    padding: 10px;
    background: #ffffff;
    border-radius: 30px;
    border: solid 5px #4caf50;
}


.DetailPageSimilarProdList .card-title{
  color:#fff;
}
.DetailPageSimilarProdList .basket-list-button {
  display:none;
}
#DetailPageSimilarProdList > div > div > form > div {
  display:none;
}
#DetailPageSimilarProdList > div > div > form > p:nth-child(3) {
  display:none;
}

#DetailPageSimilarProdList > div > div > form > a > div {
      font-size: 1.5rem;
    font-weight: 500;
}

/*! benzerürünler */

/*! mainpage */
.MainPageProdList {
    background-image: url(https://proje.zeplingo.com/uploads/mainpage/green-background.jpg);
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed; /* PARALLAX EFEKTİ */
}

.hero-section {
            min-height: 100vh;
            /*background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);*/
            position: relative;
            overflow: hidden;
        }
        
        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                linear-gradient(90deg, transparent 0%, transparent 60%, rgba(0,0,0,0.1) 100%),
                repeating-linear-gradient(
                    0deg,
                    transparent,
                    transparent 20px,
                    rgba(0,0,0,0.02) 20px,
                    rgba(0,0,0,0.02) 21px
                );
            pointer-events: none;
        }
        
        .content-left {
            padding: 80px 60px;
            position: relative;
            z-index: 2;
        }
        
        .promise-label {
            color: #083947;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 20px;
        }
        
        .main-heading {
            margin-bottom: 60px;
        }
        
        .heading-line1 {
                color: #09ab01;
                font-size: 88px;
                font-weight: 700;
                line-height: 1.1;
                margin-bottom: 10px;
                font-family: "Concert One", sans-serif;
        }
        
        .heading-line2 {
                    color: #007401;
                    font-size: 94px;
                    font-weight: 800;
                    line-height: 1;
                    font-family: "Concert One", sans-serif;
        }
        
        .feature-block {
            margin-bottom: 40px;
            display: flex;
            align-items: flex-start;
        }
        
        .feature-icon {
            width: 80px;
            height: 80px;
            margin-right: 25px;
            flex-shrink: 0;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        
        .feature-icon img {
            max-width: 100%;
            max-height: 100%;
        }
        
        .feature-text {
            color: #333;
            font-size: 16px;
            line-height: 1.6;
            margin: 0;
        }
        
        .cta-button {
            background: white;
            color: #083947;
            border: 2px solid #083947;
            padding: 15px 40px;
            font-size: 16px;
            font-weight: 600;
            border-radius: 50px;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
            margin-top: 20px;
        }
        
        .cta-button:hover {
            background: #083947;
            color: white;
            text-decoration: none;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(8, 57, 71, 0.3);
        }
        
        .image-right {
            padding: 0;
            position: relative;
        }
        
        .hero-image {
            width: 100%;
            height: 100vh;
            object-fit: cover;
            object-position: center;
        }
        
        .organic-badge {
            position: absolute;
            bottom: 20px;
            left: 20px;
            background: rgba(255,255,255,0.9);
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            color: #083947;
            border: 1px solid #083947;
        }
        
        .water-badge {
            position: absolute;
            bottom: 20px;
            left: 20px;
            background: rgba(255,255,255,0.9);
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            color: #083947;
            border: 1px solid #083947;
        }
        
        .clean-badge {
            position: absolute;
            bottom: 20px;
            left: 20px;
            background: rgba(255,255,255,0.9);
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            color: #083947;
            border: 1px solid #083947;
        }
        
        @media (max-width: 768px) {
            .content-left {
                padding: 40px 30px;
            }
            
            .heading-line1 {
                font-size: 36px;
            }
            
            .heading-line2 {
                font-size: 48px;
            }
            
            .hero-image {
                height: 50vh;
            }
        }

/*! mainpage */


/*! mainpage2 */

     .revol-greens-section {
            background-color: #21402E !important;
            font-family: 'Arial', sans-serif !important;
            overflow-x: hidden !important;
            position: relative !important;
            min-height: 100vh !important;
        }
        
        .revol-greens-section .grid-background {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background-image: 
                linear-gradient(90deg, #808000 1px, transparent 1px),
                linear-gradient(#808000 1px, transparent 1px) !important;
            background-size: 50px 50px !important;
            opacity: 0.3 !important;
            z-index: 1 !important;
        }
        
        .revol-greens-section .accent-line {
            position: absolute !important;
            top: 0 !important;
            width: 2px !important;
            height: 100% !important;
            background-color: #FFD700 !important;
            z-index: 1 !important;
        }
        
        .revol-greens-section .accent-line.left {
            left: 40% !important;
        }
        
        .revol-greens-section .accent-line.right {
            right: 30% !important;
        }
        
        .revol-greens-section .hero-section {
            min-height: 100vh !important;
            position: relative !important;
            z-index: 2 !important;
        }
        
        .revol-greens-section .greenhouse-image {
            background-image: url('https://proje.zeplingo.com/uploads/mainpage/about.jpg');
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            min-height: 70vh !important;
            border-radius: 10px !important;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
        }
        
        .revol-greens-section .content-section {
            color: #FFFFFF !important;
            padding: 2rem !important;
        }
        
        .revol-greens-section .who-we-are {
            color: #FFD700 !important;
            font-size: 0.9rem !important;
            font-weight: 600 !important;
            letter-spacing: 2px !important;
            margin-bottom: 1rem !important;
        }
        
        .revol-greens-section .main-title {
            font-size: 4.5rem !important;
            font-weight: 900 !important;
            line-height: 1.1 !important;
            margin-bottom: 2rem !important;
            font-family: "Concert One", sans-serif;
        }
        
        .revol-greens-section .title-about, 
        .revol-greens-section .title-the {
            color: #FFFFFF !important;
        }
        
        .revol-greens-section .title-revolution {
            color: #FFD700 !important;
        }
        
        .revol-greens-section .about-button {
            background-color: transparent !important;
            border: 2px solid #FFFFFF !important;
            color: #FFFFFF !important;
            padding: 12px 30px !important;
            font-weight: 600 !important;
            letter-spacing: 1px !important;
            border-radius: 25px !important;
            transition: all 0.3s ease !important;
            margin-bottom: 2rem !important;
        }
        
        .revol-greens-section .about-button:hover {
            background-color: #FFFFFF !important;
            color: #21402E !important;
            transform: translateY(-2px) !important;
        }
        
        .revol-greens-section .description-text {
            font-size: 1.1rem !important;
            line-height: 1.6 !important;
            opacity: 0.9 !important;
        }
        
        @media (max-width: 768px) {
            .revol-greens-section .main-title {
                font-size: 2.5rem !important;
            }
            
            .revol-greens-section .greenhouse-image {
                min-height: 50vh !important;
                margin-bottom: 2rem !important;
            }
            
            .revol-greens-section .content-section {
                padding: 1rem !important;
            }
        }
        
        @media (max-width: 576px) {
            .revol-greens-section .main-title {
                font-size: 2rem !important;
            }
            
            .revol-greens-section .description-text {
                font-size: 1rem !important;
            }
        }

            

/*! mainpage2 */


/*! mainpage3 */

.freshco-hero-section {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    position: relative;
    overflow: hidden;
}

.freshco-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 2px,
        rgba(0,0,0,0.02) 2px,
        rgba(0,0,0,0.02) 4px
    );
    pointer-events: none;
}

/* Sol Panel Stilleri */
.freshco-text-panel {
    background: linear-gradient(135deg, #e8f5e8 0%, #d4edda 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    padding: 3rem;
}

.freshco-content {
    max-width: 500px;
    margin: 0 auto;
}

.freshco-subtitle {
    font-size: 0.9rem;
    font-weight: 600;
    color: #dc3545;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.5rem;
    font-family: 'Arial', sans-serif;
}

.freshco-main-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 2rem;
    font-family: "Concert One", sans-serif;
}

.freshco-title-green {
    color: #198754;
    display: block;
}

.freshco-title-purple {
    color: #6f42c1;
    display: block;
}

.freshco-description {
    font-size: 1.1rem;
    color: #495057;
    line-height: 1.6;
    margin-bottom: 2.5rem;
    font-family: 'Arial', sans-serif;
}

.freshco-btn {
    background: linear-gradient(135deg, #e8f5e8 0%, #d4edda 100%);
    border: 2px solid #198754;
    color: #198754;
    padding: 12px 30px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-family: 'Arial', sans-serif;
}

.freshco-btn:hover {
    background: #198754;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(25, 135, 84, 0.3);
}

/* Sağ Panel Stilleri */
.freshco-image-panel {
    padding: 0;
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.freshco-carousel-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.freshco-carousel {
    height: 100%;
    width: 100%;
}

.freshco-carousel .carousel-inner {
    height: 100%;
    width: 100%;
}

.freshco-carousel .carousel-item {
    height: 100vh;
    position: relative;
    width: 100%;
}

.freshco-image-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: block;
}

.freshco-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.freshco-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    padding: 3rem 2rem 2rem;
    color: white;
}

.freshco-recipe-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    font-family: 'Georgia', serif;
}

.freshco-carousel-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.freshco-nav-btn {
    background: rgba(255,255,255,0.9);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #198754;
}

.freshco-nav-btn:hover {
    background: white;
    transform: scale(1.1);
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.freshco-slide-counter {
    color: white;
    font-weight: 600;
    font-size: 0.9rem;
    background: rgba(0,0,0,0.5);
    padding: 8px 16px;
    border-radius: 20px;
    font-family: 'Arial', sans-serif;
    display:none;
}

/* Responsive Tasarım */
@media (max-width: 991.98px) {
    .freshco-text-panel {
        min-height: 50vh;
        padding: 2rem;
    }
    
    .freshco-image-panel {
        min-height: 50vh;
    }
    
    .freshco-carousel .carousel-item {
        height: 50vh;
    }
    
    .freshco-main-title {
        font-size: 2.5rem;
    }
    
    .freshco-content {
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .freshco-text-panel {
        padding: 1.5rem;
    }
    
    .freshco-main-title {
        font-size: 2rem;
    }
    
    .freshco-description {
        font-size: 1rem;
    }
    
    .freshco-btn {
        padding: 10px 25px;
        font-size: 0.9rem;
    }
    
    .freshco-recipe-title {
        font-size: 1.2rem;
    }
    
    .freshco-image-overlay {
        padding: 2rem 1rem 1rem;
    }
}

/* Carousel Animasyonları */
.freshco-carousel .carousel-item {
    transition: transform 0.6s ease-in-out;
}

.freshco-carousel .carousel-item.active,
.freshco-carousel .carousel-item-next,
.freshco-carousel .carousel-item-prev {
    display: block;
}

.freshco-carousel .carousel-item-next:not(.carousel-item-left),
.freshco-carousel .carousel-item.active.carousel-item-right {
    transform: translateX(100%);
}

.freshco-carousel .carousel-item-prev:not(.carousel-item-right),
.freshco-carousel .carousel-item.active.carousel-item-left {
    transform: translateX(-100%);
}

/* Özel Scroll Bar */
.freshco-hero-section::-webkit-scrollbar {
    width: 8px;
}

.freshco-hero-section::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.freshco-hero-section::-webkit-scrollbar-thumb {
    background: #198754;
    border-radius: 4px;
}

.freshco-hero-section::-webkit-scrollbar-thumb:hover {
    background: #146c43;
}

/* Fade-in Efekti */
.freshco-hero-section {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}

.freshco-hero-section.freshco-loaded {
    opacity: 1;
    transform: translateY(0);
}

/* Hover Efektleri */
.freshco-btn-hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(25, 135, 84, 0.4) !important;
}

.freshco-nav-btn-focus {
    outline: 2px solid #198754;
    outline-offset: 2px;
}

/* Image Loading Efekti */
.freshco-main-image {
    opacity: 1;
    transition: opacity 0.5s ease-in;
    display: block;
}

.freshco-main-image.freshco-image-loaded {
    opacity: 1;
}

/* Lazy Loading */
.freshco-lazy {
    opacity: 0;
}

/* Smooth Transitions */
.freshco-carousel .carousel-item {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Loading Spinner */
.freshco-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #198754;
    border-radius: 50%;
    animation: freshco-spin 1s linear infinite;
}

@keyframes freshco-spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/*! mainpage3 */


/*! header */
.justify-content-end-desktop {
    margin-top: -27px;
}
.cid-rxVuiMJXcQ .navbar-toggleable-sm .navbar-collapse .navbar-nav {
    margin: 0 auto;
    max-width: 1250px;
    border-radius: 20px;
    background-color: #007e00a1;
}
.navbar-dropdown.bg-color.transparent {
       /*background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); */
}
.nav6 {
    top: 0px;
}
.headerTop6 {
    padding-top: 0;
}

@media (max-width: 1023px) {
  .headerTop6 {
    padding-top: 0px!important;
    }
}


@media (max-width: 1023px) {
  .cid-rxVuiMJXcQ img {
    height: 3.8rem;
    }
}


/*! header */

/*! slider */

.slide h2 strong {
    color: #fff;
    font-family: "Concert One", sans-serif;
    text-transform: uppercase;
    font-size: 3rem;
      text-shadow: 0px 0px 10px #000;
  line-height: 70px;
}


.slide p {
  text-shadow: 0px 0px 10px #000;
}



/*! slider */
.cid-rxVuiMJXcQ .navbar.navbar-short .navbar-logo a img {
    height: 5.2rem!important;
}

.nav-scroller {
  display:none;
}