/* =====================================================
           GENEL
        ===================================================== */

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {

            --green: #00552F;

            --green-dark: #003D22;

            --green-deep: #002C19;

            --green-light: #EAF4EE;

            --orange: #F7941D;

            --orange-dark: #D97706;

            --orange-light: #FFF1DE;

            --dark: #172019;

            --text: #5C665F;

            --light: #F7F9F7;

            --white: #FFFFFF;

            --border: #E2E8E3;

            --shadow:
                0 20px 50px rgba(0, 50, 30, .10);
        }


        html {
            scroll-behavior: smooth;
        }


        body {

            font-family: "Inter", sans-serif;

            color: var(--dark);

            background: var(--white);

            line-height: 1.6;

            overflow-x: hidden;
        }


        a {
            text-decoration: none;
            color: inherit;
        }


        img {
            max-width: 100%;
            display: block;
        }


        button {
            font-family: inherit;
        }


        .container {

            width: min(1180px, 92%);

            margin: auto;
        }



        /* =====================================================
           HEADER
        ===================================================== */

        header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:82px;
    z-index:1000;
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.15);
    box-shadow:0 8px 30px rgba(0,50,30,.08);
    transition:all .3s ease;
}


        .navbar {

            height: 82px;

            display: flex;

            align-items: center;

            justify-content: space-between;
        }


        .logo {

            display: flex;

            align-items: center;
        }


        .logo img {

            width: 158px;

            height: auto;

            object-fit: contain;
        }


        nav {

            display: flex;

            align-items: center;

            gap: 30px;
        }


        nav a {

            position: relative;

            font-size: 13px;

            font-weight: 600;

            color: #354039;

            transition: .25s;
        }


        nav a:not(.nav-cta)::after {

            content: "";

            position: absolute;

            left: 0;

            bottom: -7px;

            width: 0;

            height: 2px;

            background:
                var(--orange);

            transition: .25s;
        }


        nav a:not(.nav-cta):hover {

            color: var(--green);
        }


        nav a:not(.nav-cta):hover::after {

            width: 100%;
        }


        .nav-cta {

            background: var(--orange);

            color: var(--dark) !important;

            padding: 12px 20px;

            border-radius: 7px;

            font-weight: 800;
        }


        .nav-cta:hover {

            background: var(--orange-dark);

            color: white !important;

            transform: translateY(-1px);
        }


        .menu-btn {

            display: none;

            border: 0;

            background: transparent;

            color: var(--green);

            font-size: 28px;

            cursor: pointer;
        }



        /* =====================================================
           HERO
        ===================================================== */

        .hero {

            min-height: 760px;

            padding-top: 82px;

            display: flex;

            align-items: center;

            position: relative;

            background:

                linear-gradient(
                    90deg,
                    rgba(0, 38, 22, .96) 0%,
                    rgba(0, 58, 34, .88) 42%,
                    rgba(0, 50, 29, .38) 100%
                ),

                url("images/hero-premium.jpg")
                center / cover no-repeat;
        }


        .hero::after {

            content: "";

            position: absolute;

            right: -120px;

            bottom: -160px;

            width: 500px;

            height: 500px;

            border-radius: 50%;

            background:
                rgba(247, 148, 29, .14);

            filter:
                blur(5px);
                animation: heroGlow 8s ease-in-out infinite;
        }


        .hero-content {

            max-width: 720px;

            position: relative;

            z-index: 2;

            color: white;
        }


        .hero-label {

            display: inline-flex;

            align-items: center;

            gap: 9px;

            padding: 8px 14px;

            border-radius: 100px;

            background:
                rgba(255, 255, 255, .10);

            border:
                1px solid rgba(255, 255, 255, .20);

            font-size: 11px;

            font-weight: 800;

            letter-spacing: .7px;

            margin-bottom: 24px;
        }


        .hero-label span {

            width: 8px;

            height: 8px;

            border-radius: 50%;

            background: var(--orange);

            box-shadow:
                0 0 0 4px rgba(247, 148, 29, .15);
        }


        .hero h1 {

            font-family: "Montserrat", sans-serif;

            font-size:
                clamp(43px, 6vw, 72px);

            line-height: 1.03;

            letter-spacing: -2.8px;

            margin-bottom: 25px;
        }


        .hero h1 span {

            color: var(--orange);
        }


        .hero p {

            max-width: 620px;

            color:
                rgba(255, 255, 255, .80);

            font-size: 16px;

            line-height: 1.8;

            margin-bottom: 34px;
        }


        .hero-buttons {

            display: flex;

            gap: 12px;

            flex-wrap: wrap;
        }


        .btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

            min-height: 48px;

            padding:
                13px 21px;

            border-radius: 7px;

            font-size: 13px;

            font-weight: 800;

            transition: .25s;

            cursor: pointer;
        }


        .btn-primary {

            background: var(--orange);

            color: var(--dark);

            box-shadow:
                0 10px 25px
                rgba(247, 148, 29, .20);
        }


        .btn-primary:hover {

            transform:
                translateY(-3px);

            background:
                #ffad3f;

            box-shadow:
                0 15px 30px
                rgba(247, 148, 29, .28);
        }


        .btn-outline {

            color: white;

            background:
                rgba(255, 255, 255, .07);

            border:
                1px solid rgba(255, 255, 255, .30);
        }


        .btn-outline:hover {

            background: white;

            color: var(--green);
        }



        /* =====================================================
           HERO ALT BİLGİLER
        ===================================================== */

        .hero-bottom {

            position: absolute;

            left: 0;

            right: 0;

            bottom: 0;

            z-index: 5;

            padding-bottom: 25px;
        }


        .hero-info {

            display: flex;

            gap: 30px;

            flex-wrap: wrap;

            color:
                rgba(255, 255, 255, .75);

            font-size: 12px;
        }


        .hero-info-item {

            display: flex;

            align-items: center;

            gap: 8px;
        }


        .hero-info-item strong {

            color: white;
        }



        /* =====================================================
           SECTION
        ===================================================== */

        section {
            padding: 105px 0;
        }


        .section-label {

            display: inline-block;

            color: var(--green);

            text-transform: uppercase;

            letter-spacing: 2px;

            font-size: 10px;

            font-weight: 800;

            margin-bottom: 11px;
        }


        .section-title {

            font-family: "Montserrat", sans-serif;

            font-size:
                clamp(30px, 4vw, 43px);

            line-height: 1.14;

            letter-spacing: -1px;

            margin-bottom: 15px;
        }


        .section-description {

            color: var(--text);

            font-size: 14px;

            line-height: 1.8;
        }


        .section-heading {

            max-width: 680px;

            margin-bottom: 48px;
        }


        .section-heading.center {

            text-align: center;

            margin-left: auto;

            margin-right: auto;
        }



        /* =====================================================
           ABOUT
        ===================================================== */

        .about {

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 75px;

            align-items: center;
        }


        .about-image {

            height: 500px;

            border-radius: 18px;

            overflow: hidden;

            position: relative;

            background: var(--green-light);
        }


        .about-image::after {

            content: "";

            position: absolute;

            inset: 0;

            background:
                linear-gradient(
                    180deg,
                    transparent 60%,
                    rgba(0, 45, 25, .55)
                );
        }


        .about-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: .5s;
        }


        .about-image:hover img {

            transform: scale(1.04);
        }


        .about-badge {

            position: absolute;

            z-index: 3;

            left: 20px;

            bottom: 20px;

            background: white;

            padding: 18px 21px;

            border-radius: 10px;

            box-shadow:
                0 15px 40px
                rgba(0, 0, 0, .16);
        }


        .about-badge strong {

            display: block;

            color: var(--green);

            font-family: "Montserrat";

            font-size: 22px;
        }


        .about-badge span {

            color: var(--text);

            font-size: 11px;
        }


        .about-text p {

            color: var(--text);

            font-size: 14px;

            line-height: 1.8;

            margin-bottom: 16px;
        }


        .check-list {

            list-style: none;

            display: grid;

            gap: 11px;

            margin: 25px 0 30px;
        }


        .check-list li {

            display: flex;

            align-items: center;

            gap: 10px;

            font-size: 13px;

            font-weight: 600;
        }


        .check {

            width: 24px;

            height: 24px;

            flex-shrink: 0;

            display: grid;

            place-items: center;

            border-radius: 50%;

            background: var(--green-light);

            color: var(--green);

            font-size: 12px;

            font-weight: 900;
        }



        /* =====================================================
           KATEGORİLER
        ===================================================== */

        .categories {

            background:
                var(--light);
        }


        .category-grid {

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 22px;
        }
.category-card{
    position:relative;
    height:390px;
    overflow:hidden;
    border-radius:18px;
    color:white;
    background:var(--green-dark);
    box-shadow:0 18px 45px rgba(0,50,30,.14);
    transition:.45s cubic-bezier(.2,.8,.2,1);
}

.category-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            0deg,
            rgba(0,35,20,.94) 0%,
            rgba(0,35,20,.12) 70%
        );
}

.category-card::before{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid rgba(247,148,29,.25);
    border-radius:15px;
    z-index:2;
    opacity:0;
    transition:.35s;
}

.category-card:hover::before{
    opacity:1;
}

.category-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}

.category-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 70px rgba(0,50,30,.28);
}


.category-card:hover img{
    transform:scale(1.08);
}

.category-icon{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.35);
    margin-bottom:18px;
}


        .category-card {

            height: 390px;

            position: relative;

            overflow: hidden;

            border-radius: 15px;

            color: white;

            background:
                var(--green-dark);
        }


        .category-card::after {

            content: "";

            position: absolute;

            inset: 0;

            z-index: 1;

            background:
                linear-gradient(
                    0deg,
                    rgba(0, 35, 20, .95) 0%,
                    rgba(0, 35, 20, .12) 70%
                );
        }


        .category-card img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: .5s;
        }


        .category-card:hover img {

            transform: scale(1.07);
        }


        .category-content {

            position: absolute;

            left: 25px;

            right: 25px;

            bottom: 24px;

            z-index: 3;
        }


        .category-tag {

            color: var(--orange);

            font-size: 10px;

            font-weight: 800;

            letter-spacing: 1.5px;

            text-transform: uppercase;
        }


        .category-content p{
    color:rgba(255,255,255,.82);
    font-size:13px;
    line-height:1.7;
}


        .category-content p {

            color:
                rgba(255, 255, 255, .75);

            font-size: 12px;

            line-height: 1.6;

            margin-bottom: 13px;
        }


        .category-link {

            font-size: 12px;

            font-weight: 800;

            color: white;
        }


        .category-link:hover {

            color: var(--orange);
        }



        /* =====================================================
           ÜRÜNLER
        ===================================================== */

        .products {

            background: white;
        }


        .products-top {

            display: flex;

            align-items: end;

            justify-content: space-between;

            gap: 30px;

            margin-bottom: 42px;
        }


        .products-top .section-heading {

            margin-bottom: 0;
        }


        .view-all {

            flex-shrink: 0;

            color: var(--green);

            font-size: 12px;

            font-weight: 800;

            padding-bottom: 5px;

            border-bottom:
                2px solid var(--orange);
        }


        .product-grid {

            display: grid;

            grid-template-columns:
                repeat(4, 1fr);

            gap: 20px;
        }



        .product-card {

            overflow: hidden;

            border:
                1px solid var(--border);

            border-radius: 12px;

            background: white;

            transition: .3s;
        }


        .product-card:hover {

            transform:
                translateY(-6px);

            box-shadow:
                var(--shadow);

            border-color:
                #cbdacf;
        }


        .product-image {

            height: 255px;

            overflow: hidden;

            background:
                var(--green-light);
        }


        .product-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: .45s;
        }


        .product-card:hover
        .product-image img {

            transform: scale(1.05);
        }


        .product-info {

            padding: 19px;
        }


        .product-category {

            display: inline-block;

            color: var(--green);

            font-size: 9px;

            font-weight: 800;

            letter-spacing: 1.2px;

            text-transform: uppercase;

            margin-bottom: 5px;
        }


        .product-info h3 {

            font-family: "Montserrat";

            font-size: 17px;

            margin-bottom: 7px;
        }


        .product-info p {

            color: var(--text);

            font-size: 11px;

            line-height: 1.7;

            margin-bottom: 13px;
        }


        .product-detail {

            color: var(--green);

            font-size: 11px;

            font-weight: 800;
        }


        .product-detail:hover {

            color: var(--orange-dark);
        }



        /* =====================================================
           NEDEN NGS
        ===================================================== */

        .why {

            background:
                var(--light);
        }


        .why-grid {

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 22px;
        }


        .why-card {

            background: white;

            border:
                1px solid var(--border);

            border-radius: 13px;

            padding: 32px;

            transition: .3s;
        }


        .why-card:hover {

            transform:
                translateY(-4px);

            border-color:
                rgba(247, 148, 29, .45);

            box-shadow:
                0 15px 35px
                rgba(0, 50, 30, .07);
        }


        .why-icon {

            width: 52px;

            height: 52px;

            display: grid;

            place-items: center;

            border-radius: 11px;

            background:
                var(--green-light);

            color:
                var(--green);

            font-size: 20px;

            margin-bottom: 20px;
        }


        .why-icon.orange {

            background:
                var(--orange-light);

            color:
                var(--orange-dark);
        }


        .why-card h3 {

            font-family: "Montserrat";

            font-size: 17px;

            margin-bottom: 9px;
        }


        .why-card p {

            color: var(--text);

            font-size: 12px;

            line-height: 1.75;
        }



        /* =====================================================
           KATALOG CTA
        ===================================================== */

        .catalog-section {

            padding:
                95px 0;
        }


        .catalog {

            min-height: 310px;

            padding: 55px 60px;

            border-radius: 20px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 35px;

            color: white;

            position: relative;

            overflow: hidden;

            background:

                linear-gradient(
                    105deg,
                    var(--green-dark),
                    var(--green)
                );
        }


        .catalog::after {

            content: "";

            position: absolute;

            right: -100px;

            top: -180px;

            width: 500px;

            height: 500px;

            border-radius: 50%;

            border:
                80px solid
                rgba(247, 148, 29, .08);
        }


        .catalog-content {

            position: relative;

            z-index: 2;
        }


        .catalog h2 {

            max-width: 620px;

            font-family: "Montserrat";

            font-size: 38px;

            line-height: 1.14;

            margin-bottom: 14px;
        }


        .catalog p {

            max-width: 620px;

            color:
                rgba(255,255,255,.75);

            font-size: 13px;

            line-height: 1.8;
        }


        .catalog .btn {

            position: relative;

            z-index: 5;

            flex-shrink: 0;
        }



        /* =====================================================
           İLETİŞİM
        ===================================================== */

        .contact {

            padding:
                95px 0;

            background:
                #071A10;

            color: white;
        }


        .contact-grid {

            display: grid;

            grid-template-columns:
                1.4fr 1fr 1fr 1fr;

            gap: 45px;
        }


        .footer-logo img {

            width: 155px;

            filter:
                brightness(0) invert(1);

            opacity: .95;
        }


        .contact-brand p {

            max-width: 310px;

            color:
                #93A29A;

            font-size: 12px;

            line-height: 1.8;

            margin-top: 17px;
        }


        .footer-title {

            font-size: 12px;

            font-weight: 800;

            margin-bottom: 17px;

            color: white;
        }


        .footer-links {

            display: grid;

            gap: 10px;
        }


        .footer-links a {

            color: #8E9C94;

            font-size: 12px;

            transition: .2s;
        }


        .footer-links a:hover {

            color: var(--orange);
        }


        .copyright {

            margin-top: 55px;

            padding-top: 21px;

            border-top:
                1px solid
                rgba(255,255,255,.08);

            text-align: center;

            color: #64736A;

            font-size: 10px;
        }



        /* =====================================================
           WHATSAPP
        ===================================================== */

        .whatsapp {

            position: fixed;

            right: 22px;

            bottom: 22px;

            width: 54px;

            height: 54px;

            display: grid;

            place-items: center;

            z-index: 900;

            border-radius: 50%;

            background: #25D366;

            color: white;

            font-size: 25px;

            box-shadow:
                0 10px 30px
                rgba(37,211,102,.30);

            transition: .25s;
        }


        .whatsapp:hover {

            transform:
                translateY(-4px)
                scale(1.04);
        }



        /* =====================================================
           RESPONSIVE
        ===================================================== */

        @media (max-width: 1000px) {

            nav {

                gap: 18px;
            }


            .product-grid {

                grid-template-columns:
                    repeat(2, 1fr);
            }


            .contact-grid {

                grid-template-columns:
                    repeat(2, 1fr);
            }

        }



        @media (max-width: 850px) {

            nav {

                display: none;

                position: absolute;

                top: 82px;

                left: 0;

                width: 100%;

                padding: 15px;

                background: white;

                box-shadow:
                    0 15px 30px
                    rgba(0,0,0,.08);

                flex-direction: column;

                align-items: stretch;

                gap: 3px;
            }


            nav.active {

                display: flex;
            }


            nav a {

                padding: 12px;
            }


            .menu-btn {

                display: block;
            }


            .about {

                grid-template-columns:
                    1fr;

                gap: 45px;
            }


            .category-grid {

                grid-template-columns:
                    1fr 1fr;
            }


            .why-grid {

                grid-template-columns:
                    1fr;
            }


            .catalog {

                flex-direction: column;

                align-items: flex-start;

                padding: 45px;
            }

        }



        @media (max-width: 600px) {

            header,
            .navbar {

                height: 72px;
            }


            nav {

                top: 72px;
            }


            .logo img {

                width: 140px;
            }


            .hero {

                min-height: 680px;

                padding-top: 72px;
            }


            .hero h1 {

                font-size: 43px;

                letter-spacing:
                    -1.7px;
            }


            .hero p {

                font-size: 14px;
            }


            .hero-bottom {

                display: none;
            }


            section {

                padding:
                    75px 0;
            }


            .section-title {

                font-size: 32px;
            }


            .about-image {

                height: 350px;
            }


            .category-grid {

                grid-template-columns:
                    1fr;
            }


            .category-card {

                height: 350px;
            }


            .products-top {

                align-items: flex-start;

                flex-direction: column;

                gap: 12px;
            }


            .product-grid {

                grid-template-columns:
                    1fr;
            }


            .catalog {

                padding:
                    35px 25px;

                border-radius:
                    15px;
            }


            .catalog h2 {

                font-size: 29px;
            }


            .contact-grid {

                grid-template-columns:
                    1fr;
            }


            .whatsapp {

                width: 50px;

                height: 50px;

                right: 16px;

                bottom: 16px;
            }

        }

    
/* =====================================================
   KATALOG TABANLI HAKKIMIZDA EKLEMELERİ
===================================================== */

.about-text > p {
    color: var(--text);
    line-height: 1.8;
    margin-bottom: 16px;
}

.about-mission-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 42px;
}

.about-info-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 32px;
    box-shadow: var(--shadow);
}

.about-card-label {
    display: inline-block;
    color: var(--orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    margin-bottom: 10px;
}

.about-info-card h3 {
    color: var(--dark);
    font-size: 25px;
    line-height: 1.25;
    margin: 0 0 16px;
}

.about-info-card p,
.about-info-card li {
    color: var(--text);
    line-height: 1.75;
}

.about-info-card p {
    margin: 0 0 14px;
}

.about-info-card ul {
    padding-left: 20px;
    margin: 0 0 16px;
}

.about-info-card li {
    margin-bottom: 7px;
}

@media (max-width: 800px) {
    .about-mission-grid {
        grid-template-columns: 1fr;
        margin-top: 28px;
    }

    .about-info-card {
        padding: 25px;
    }
}


        .product-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.filter-btn{border:1px solid var(--border);background:#fff;color:var(--dark);padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:.2s}.filter-btn:hover,.filter-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.product-detail{border:0;background:none;color:var(--green);font:inherit;font-weight:800;padding:0;cursor:pointer}.product-card.is-hidden{display:none}.product-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:20px}.product-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,25,14,.72);backdrop-filter:blur(5px)}.modal-box{position:relative;z-index:1;width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:38px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modal-close{position:absolute;right:18px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:var(--light);font-size:28px;line-height:1;cursor:pointer;color:var(--dark)}.modal-category{display:inline-block;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:1.5px;margin-bottom:8px}.modal-box h2{font-size:32px;color:var(--dark);margin:0 0 25px}.modal-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal-content-grid>div,.modal-ingredients{background:var(--light);border-radius:15px;padding:20px}.modal-box h4{margin:0 0 8px;color:var(--green);font-size:14px}.modal-box p{margin:0;color:var(--text);line-height:1.7}.modal-ingredients{margin-top:18px}@media(max-width:600px){.modal-box{padding:28px 20px}.modal-box h2{font-size:26px}.modal-content-grid{grid-template-columns:1fr}.product-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-btn{white-space:nowrap}}


/* --- Platinum Pro additions --- */
.hero{position:relative;overflow:hidden;background:#002c19}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,38,22,.9),rgba(0,58,34,.65))}
.loader{position:fixed;inset:0;background:#04140d;display:flex;align-items:center;justify-content:center;z-index:99999;transition:.6s}
.loader.hide{opacity:0;visibility:hidden}
.translate-wrapper{display:flex;align-items:center;margin-right:16px}
.lang-toggle{display:flex;gap:5px;padding:6px;background:#fff;border-radius:999px;overflow:auto}
.lang-btn{border:0;background:transparent;padding:7px 10px;border-radius:999px;font-weight:700}
.lang-btn.active,.lang-btn:hover{background:#00552F;color:#fff}

/* =====================================================
   NGS AGRO PLATINUM HERO
===================================================== */

:root{
    --gold:#F7A728;
}

/* Cam efektli header */

header{
    background:rgba(255,255,255,.88)!important;
    backdrop-filter:blur(20px);
    box-shadow:0 12px 35px rgba(0,50,30,.08);
}

/* Hero */

.hero{
    min-height:100vh;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:#002C19;
}

/* ===== Cinematic Hero ===== */

.hero{
    overflow:hidden;
}

.hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
    animation:heroZoom 18s ease-in-out infinite alternate;
}

@keyframes heroZoom{
    from{transform:scale(1);}
    to{transform:scale(1.08);}
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(0,38,22,.92) 0%,
            rgba(0,58,34,.72) 45%,
            rgba(0,50,29,.25) 100%
        );
    z-index:1;
}

/* Altın ışık */

.hero::after{
    content:"";
    position:absolute;
    right:-140px;
    top:-120px;
    width:520px;
    height:520px;
    border-radius:50%;
    background:rgba(247,167,40,.18);
    filter:blur(55px);
    z-index:1;
}

.hero-content,
.hero-bottom{
    position:relative;
    z-index:2;
}

/* Kaydır */

.hero-scroll{
    position:absolute;
    bottom:18px;
    left:50%;
    transform:translateX(-50%);
    color:white;
    font-size:12px;
    letter-spacing:2px;
    font-weight:700;
    z-index:3;
    animation:bounce 2s infinite;
}

@keyframes bounce{
    50%{
        transform:translate(-50%,8px);
    }
}

/* Loading */

.loader{
    position:fixed;
    inset:0;
    background:#04140d;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:99999;
    transition:.8s;
}

.loader.hide{
    opacity:0;
    visibility:hidden;
}

.loader-logo{
    text-align:center;
}

.loader-ring{
    width:92px;
    height:92px;
    border:3px solid rgba(255,255,255,.15);
    border-top:3px solid var(--gold);
    border-radius:50%;
    margin:auto;
    animation:spin 1s linear infinite;
}

.loader-logo h2{
    color:white;
    margin:22px 0 6px;
    font-family:"Montserrat";
}

.loader-logo span{
    color:#9FB3A7;
    font-size:13px;
}

@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}
.translate-wrapper{
    display:flex;
    align-items:center;
    margin-right:18px;
}

.lang-toggle{
    display:flex;
    gap:5px;
    padding:6px;
    background:white;
    border-radius:999px;
    border:1px solid #E2E8E3;
    box-shadow:0 10px 30px rgba(0,50,30,.08);
    overflow:auto;
}

.lang-btn{
    border:0;
    background:transparent;
    padding:8px 12px;
    border-radius:999px;
    cursor:pointer;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    transition:.25s;
}

.lang-btn.active,
.lang-btn:hover{
    background:#00552F;
    color:white;
}
.translate-wrapper{
    display:flex;
    align-items:center;
    margin-right:12px;
}

.lang-toggle{
    display:flex;
    gap:3px;
    padding:5px;
    background:rgba(255,255,255,.95);
    border:1px solid #E2E8E3;
    border-radius:999px;
    box-shadow:0 8px 24px rgba(0,50,30,.08);
}

.lang-btn{
    border:0;
    background:transparent;
    padding:7px 9px;
    border-radius:999px;
    cursor:pointer;
    font-size:10px;
    font-weight:800;
    transition:.25s;
}

.lang-btn.active,
.lang-btn:hover{
    background:#00552F;
    color:#fff;
}
/* ===============================
   NGS AGRO PLATINUM FINAL
   =============================== */

header{
    background:rgba(255,255,255,.88)!important;
    backdrop-filter:blur(18px);
    box-shadow:0 10px 30px rgba(0,50,30,.08);
}

/* Hero */

.hero{
    min-height:100vh;
    background:#002C19;
}

.hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,38,22,.92),
        rgba(0,58,34,.72),
        rgba(0,50,29,.25)
    );
    z-index:1;
}

.hero-content,
.hero-bottom{
    position:relative;
    z-index:2;
}

.hero-scroll{
    position:absolute;
    bottom:18px;
    left:50%;
    transform:translateX(-50%);
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    animation:bounce 2s infinite;
}

@keyframes bounce{
    50%{
        transform:translate(-50%,8px);
    }
}

/* Loader */

.loader{
    position:fixed;
    inset:0;
    background:#04140d;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    z-index:99999;
    transition:.8s;
}

.loader.hide{
    opacity:0;
    visibility:hidden;
}

.loader-ring{
    width:92px;
    height:92px;
    border:3px solid rgba(255,255,255,.15);
    border-top:3px solid #F7A728;
    border-radius:50%;
    animation:spin 1s linear infinite;
}

@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}

/* Dil seçici */

.translate-wrapper{
    display:flex;
    align-items:center;
    margin-right:12px;
}

.lang-toggle{
    display:flex;
    gap:3px;
    padding:5px;
    background:rgba(255,255,255,.95);
    border:1px solid var(--border);
    border-radius:999px;
    box-shadow:0 8px 24px rgba(0,50,30,.08);
}

.lang-btn{
    border:0;
    background:transparent;
    padding:7px 9px;
    border-radius:999px;
    cursor:pointer;
    font-size:10px;
    font-weight:800;
    transition:.25s;
}

.lang-btn.active,
.lang-btn:hover{
    background:var(--green);
    color:#fff;
}

/* Kategori kartları */

.category-card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,50,30,.14);
    transition:.45s;
}

.category-card:hover{
    transform:translateY(-10px);
}

.category-card img{
    transition:.8s;
}

.category-card:hover img{
    transform:scale(1.08);
}

.category-icon{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.35);
}

/* Ürün kartları */

.product-card{
    border-radius:20px;
    overflow:hidden;
    border:1px solid rgba(0,85,47,.08);
}

.product-card::before{
    content:"";
    display:block;
    height:4px;
    background:linear-gradient(90deg,#F7A728,#FFD36B);
}

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,50,30,.14);
}
/* ===============================
   NGS AGRO V3
=============================== */

.catalog-viewer{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:30px;
    align-items:center;
}

.flipbook{
    perspective:1200px;
}

.book{
    position:relative;
    aspect-ratio:4/5;
    max-width:360px;
}

.page{
    position:absolute;
    inset:0;
    background:white;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 32px Montserrat;
    box-shadow:0 18px 45px rgba(0,50,30,.12);
    transition:.8s;
}

.page:nth-child(2){
    background:#f2f2f2;
    transform:rotateY(-8deg);
}

.page:nth-child(3){
    background:#e8e8e8;
    transform:rotateY(-16deg);
}

.book:hover .cover{
    transform:rotateY(-35deg);
}

.contact-pro form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.contact-pro input,
.contact-pro textarea{
    padding:14px;
    border:1px solid #ddd;
    border-radius:10px;
}

@media(max-width:768px){

.catalog-viewer{

grid-template-columns:1fr;

}

}
/* ===== Premium Language Switch ===== */

.translate-wrapper{
    display:flex;
    align-items:center;
    margin-left:auto;
    margin-right:18px;
}

#google_translate_element{
    display:none;
}

.lang-toggle{
    display:flex;
    align-items:center;
    gap:4px;
    padding:5px;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);
    border:1px solid rgba(0,85,47,.08);
    border-radius:999px;
    box-shadow:0 8px 22px rgba(0,50,30,.08);
}

.lang-btn{
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:transparent;
    cursor:pointer;
    font-size:16px;
    transition:.25s;
}

.lang-btn:hover{
    transform:translateY(-2px);
    background:rgba(247,148,29,.15);
}

.lang-btn.active{
    background:#00552F;
    color:#fff;
}

@media(max-width:850px){

.translate-wrapper{
    margin-right:10px;
}

.lang-toggle{
    overflow-x:auto;
    max-width:180px;
}

.lang-btn{
    width:30px;
    height:30px;
    font-size:14px;
}

}
/* ===== Premium Sticky Header ===== */

header{
    transition:all .35s ease;
}

header.scrolled{
    height:68px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(22px);
    box-shadow:0 12px 30px rgba(0,50,30,.10);
}

header.scrolled .navbar{
    height:68px;
}

.logo img{
    transition:all .35s ease;
}

header.scrolled .logo img{
    width:135px;
}
/* ===== Cinematic Hero ===== */

.hero{
    overflow:hidden;
}

.hero-video{
    animation:heroZoom 18s ease-in-out infinite alternate;
    transform-origin:center;
}

@keyframes heroZoom{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.08);
    }
}
@keyframes heroGlow{

    0%{
        transform:translate(0,0);
        opacity:.12;
    }

    50%{
        transform:translate(-35px,-20px);
        opacity:.22;
    }

    100%{
        transform:translate(0,0);
        opacity:.12;
    }

}
.premium-tagline{
    display:inline-block;
    font-family:"Georgia", "Times New Roman", serif;
    font-size:20px;
    font-weight:600;
    letter-spacing:1.2px;
    line-height:1.5;
    color:#F7941D;
    text-shadow:0 3px 12px rgba(0,0,0,.18);
    position:relative;
    padding-left:18px;
}

.premium-tagline::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:70%;
    transform:translateY(-50%);
    background:#F7941D;
    border-radius:10px;
}

@media(max-width:700px){
    .premium-tagline{
        font-size:17px;
        letter-spacing:.8px;
    }
}