:root {
    --nk-green-dark: #236734;
    --nk-green-deep: #032b15;
    --nk-green: #01914c;
    --nk-green-soft: #4f8f3a;
    --nk-leaf: #83b63f;
    --nk-cream: #fff7df;
    --nk-cream-2: #f7edca;
    --nk-straw: #e8cf86;
    --nk-orange: #f28a18;
    --nk-orange-dark: #d46f0d;
    --nk-yolk: #f7bd28;
    --nk-brown: #6b4b28;
    --nk-white: #ffffff;
    --nk-black: #101510;
    --nk-font-heading: "Urbane", system-ui, sans-serif;
    --nk-font-body: "Urbane", system-ui, sans-serif;
    --nk-radius-sm: 14px;
    --nk-radius-md: 22px;
    --nk-radius-lg: 34px;
    --nk-radius-pill: 999px;
    --nk-header-height: 88px;
    --nk-container: 1440px;
    --nk-ease: cubic-bezier(.16, 1, .3, 1);
}
body{
    margin:0;
}
a{
    text-decoration:inherit;
}
/* ==========================================================================
   URBANE FONT FAMILY
   ========================================================================== */

/* Thin & Thin Italic (100) */
@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Thin-Italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Extra Light & Extra Light Italic (200) */
@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Extra-Light.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Extra-Light-Italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* Light & Light Italic (300) */
@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Light-Italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Medium & Medium Italic (500) */
@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Medium-Italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Demi Bold & Demi Bold Italic (600) */
@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Demi-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Demi-Bold-Italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Bold & Bold Italic (700) */
@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Bold-Italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Heavy & Heavy Italic (900) */
@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Heavy.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbane';
    src: url('/assets/fonts/Urbane-Heavy-Italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
.naturakoy-header,
.naturakoy-header *,
.naturakoy-header-menu,
.naturakoy-header-menu * {
    box-sizing: border-box;
}

    .naturakoy-header a,
    .naturakoy-header-menu a {
        color: inherit;
        text-decoration: none;
    }

.naturakoy-header {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 9000;
    height: var(--nk-header-height);
    background: transparent;
    color: var(--nk-white);
    font-family: var(--nk-font-body);
    transition: background .35s var(--nk-ease), color .35s var(--nk-ease), box-shadow .35s var(--nk-ease), border-color .35s var(--nk-ease);
}

    .naturakoy-header.is-scrolled {
        background: rgba(255, 255, 255, .94);
        color: var(--nk-green-dark);
        border-bottom: 1px solid rgba(6, 65, 31, .10);
        box-shadow: 0 18px 40px -34px rgba(6, 65, 31, .38);
        backdrop-filter: blur(16px);
    }
    .naturakoy-header.is-scrolled .naturakoy-header-inner {
    margin: 0 auto;
}

.naturakoy-header-inner {
    width: min(var(--nk-container), calc(100% - 48px));
    height: 100%;
    margin: 5px auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
}

.naturakoy-header-menu-btn {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 50%;
    background: rgba(6, 65, 31, .62);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
    transition: transform .3s var(--nk-ease), background .3s var(--nk-ease), border-color .3s var(--nk-ease);
}

    .naturakoy-header-menu-btn span {
        display: block;
        width: 22px;
        height: 2px;
        margin: 0 auto;
        border-radius: 999px;
        background: var(--nk-white);
    }

    .naturakoy-header-menu-btn:hover {
        transform: translateY(-2px);
        background: var(--nk-green-dark);
    }

.naturakoy-header.is-scrolled .naturakoy-header-menu-btn {
    background: var(--nk-green-dark);
    border-color: var(--nk-green-dark);
}

.naturakoy-header-logo {
    width: 146px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
}
.naturakoy-header.is-scrolled .naturakoy-header-logo {
    width: 95px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
}

    .naturakoy-header-logo img {
        width: 100%;
        height: auto;
        display: block;
    }



/* FULL MENU */
.naturakoy-header-menu {
    position: fixed;
    inset: 0;
    z-index: 9500;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: radial-gradient(circle at 8% 12%, rgba(255, 247, 223, .14), transparent 28%), radial-gradient(circle at 88% 16%, rgba(247, 189, 40, .15), transparent 30%), linear-gradient(135deg, var(--nk-green-dark) 0%, var(--nk-green) 52%, #6f9f38 100%);
    color: var(--nk-white);
    font-family: var(--nk-font-body);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(1.012);
    transition: opacity .42s var(--nk-ease), visibility .42s var(--nk-ease), transform .42s var(--nk-ease);
}

    .naturakoy-header-menu.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: scale(1);
    }

.naturakoy-header-menu-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.naturakoy-header-bg-soft {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(255, 247, 223, .08);
}

.naturakoy-header-bg-soft-left {
    width: 520px;
    height: 520px;
    left: -260px;
    top: -170px;
}

.naturakoy-header-bg-soft-right {
    width: 600px;
    height: 600px;
    right: -290px;
    bottom: -260px;
}

.naturakoy-header-bg-egg {
    position: absolute;
    right: 10%;
    top: 12%;
    width: 170px;
    height: 220px;
    border-radius: 50% 50% 46% 46%;
    background: radial-gradient(circle at 35% 24%, rgba(255,255,255,.40), rgba(255,247,223,.13) 58%, rgba(247,189,40,.18));
    transform: rotate(14deg);
    opacity: .42;
}

/* TOP */
.naturakoy-header-menu-top {
    position: relative;
    z-index: 4;
    width: min(var(--nk-container), calc(100% - 48px));
    height: 100px;
    flex: 0 0 auto;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
}

.naturakoy-header-close {
    width: 52px;
    height: 52px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 50%;
    background: rgba(255, 255, 255, .10);
    cursor: pointer;
    transition: background .3s var(--nk-ease), transform .3s var(--nk-ease);
}

    .naturakoy-header-close:hover {
        background: rgba(255, 255, 255, .18);
        transform: rotate(90deg);
    }

    .naturakoy-header-close span {
        position: absolute;
        left: 14px;
        top: 25px;
        width: 24px;
        height: 2px;
        border-radius: 999px;
        background: var(--nk-white);
    }

        .naturakoy-header-close span:first-child {
            transform: rotate(45deg);
        }

        .naturakoy-header-close span:last-child {
            transform: rotate(-45deg);
        }

.naturakoy-header-menu-logo {
    width: 126px;
    min-height: 80px;
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 20px;
}

    .naturakoy-header-menu-logo img {
        width: 100%;
        height: auto;
        display: block;
    }

.naturakoy-header-menu-franchise {
    justify-self: end;
    background: var(--nk-white);
    color: var(--nk-green-dark) !important;
}

    .naturakoy-header-menu-franchise:hover {
        background: var(--nk-yolk);
        color: var(--nk-green-dark) !important;
        transform: translateY(-2px);
    }

/* BODY */
.naturakoy-header-menu-body {
    position: relative;
    z-index: 3;
    width: min(var(--nk-container), calc(100% - 48px));
    flex: 1 1 auto;
    min-height: 0;
    margin: 0 auto;
    padding: 28px 0 18px;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(360px, 470px);
    gap: clamp(28px, 5vw, 68px);
    align-items: start;
    overflow: hidden;
}

/* LEFT NAV */
.naturakoy-header-main-nav {
    display: grid;
    gap: 6px;
    align-content: start;
}

    .naturakoy-header-main-nav a {
        position: relative;
        width: fit-content;
        max-width: 100%;
        color: rgba(255, 255, 255, .92);
        font-family: var(--nk-font-heading);
        font-size: clamp(27px, 3.5vw, 50px);
        line-height: 1.15;
        font-weight: 700;
        letter-spacing: -.04em;
        transform: translateY(18px);
        transition: color .25s var(--nk-ease), opacity .25s var(--nk-ease);
    }

        .naturakoy-header-main-nav a::before {
            content: "";
            position: absolute;
            left: -18px;
            top: 50%;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--nk-yolk);
            opacity: 0;
            transform: translateY(-50%) scale(.6);
            transition: opacity .25s var(--nk-ease), transform .25s var(--nk-ease);
        }

        .naturakoy-header-main-nav a:hover,
        .naturakoy-header-main-nav a.is-active {
            color: var(--nk-cream);
        }

            .naturakoy-header-main-nav a:hover::before,
            .naturakoy-header-main-nav a.is-active::before {
                opacity: 1;
                transform: translateY(-50%) scale(1);
            }

.naturakoy-header-menu.is-open .naturakoy-header-main-nav a {
    animation: naturakoyMenuLinkIn .65s var(--nk-ease) forwards;
}

    .naturakoy-header-menu.is-open .naturakoy-header-main-nav a:nth-child(1) {
        animation-delay: .05s;
    }

    .naturakoy-header-menu.is-open .naturakoy-header-main-nav a:nth-child(2) {
        animation-delay: .10s;
    }

    .naturakoy-header-menu.is-open .naturakoy-header-main-nav a:nth-child(3) {
        animation-delay: .15s;
    }

    .naturakoy-header-menu.is-open .naturakoy-header-main-nav a:nth-child(4) {
        animation-delay: .20s;
    }

    .naturakoy-header-menu.is-open .naturakoy-header-main-nav a:nth-child(5) {
        animation-delay: .25s;
    }

    .naturakoy-header-menu.is-open .naturakoy-header-main-nav a:nth-child(6) {
        animation-delay: .30s;
    }

    .naturakoy-header-menu.is-open .naturakoy-header-main-nav a:nth-child(7) {
        animation-delay: .35s;
    }

/* RIGHT PREVIEW */
.naturakoy-header-preview {
    min-width: 0;
}

.naturakoy-header-preview-panel {
    display: none;
    min-height: 420px;
    padding: 26px;
    border-radius: 30px;
    background: radial-gradient(circle at 100% 0%, rgba(247, 189, 40, .14), transparent 35%), rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .20);
    backdrop-filter: blur(16px);
    box-shadow: 0 34px 90px -66px rgba(0,0,0,.55);
    overflow: hidden;
}

    .naturakoy-header-preview-panel.is-active {
        display: block;
        animation: naturakoyHeaderPanelIn .38s var(--nk-ease) both;
    }

.naturakoy-header-preview-kicker {
    display: inline-flex;
    margin-bottom: 12px;
    color: var(--nk-cream);
    font-family: var(--nk-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.naturakoy-header-preview-panel h3 {
    margin: 0;
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -.035em;
}

.naturakoy-header-preview-panel p {
    margin: 13px 0 0;
    color: rgba(255,255,255,.74);
    font-size: 14.5px;
    line-height: 1.65;
}

.naturakoy-header-mini-links,
.naturakoy-header-card-links,
.naturakoy-header-step-links,
.naturakoy-header-product-links,
.naturakoy-header-contact-links {
    display: grid;
    gap: 10px;
    margin-top: 22px;
}

.naturakoy-header-mini-links {
    grid-template-columns: repeat(3, 1fr);
}

    .naturakoy-header-mini-links a,
    .naturakoy-header-card-links a,
    .naturakoy-header-step-links a,
    .naturakoy-header-contact-links a {
        min-height: 54px;
        padding: 14px 16px;
        border-radius: 18px;
        background: rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.14);
        transition: background .25s var(--nk-ease), border-color .25s var(--nk-ease), transform .25s var(--nk-ease);
    }

        .naturakoy-header-mini-links a:hover,
        .naturakoy-header-card-links a:hover,
        .naturakoy-header-step-links a:hover,
        .naturakoy-header-contact-links a:hover {
            background: rgba(255,255,255,.16);
            border-color: rgba(255,247,223,.28);
            transform: translateY(-3px);
        }

    .naturakoy-header-mini-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--nk-white);
        font-family: var(--nk-font-heading);
        font-size: 12px;
        font-weight: 700;
        text-align: center;
    }

.naturakoy-header-card-links a b,
.naturakoy-header-contact-links a b {
    display: block;
    margin-bottom: 4px;
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: 15.5px;
    font-weight: 700;
}

.naturakoy-header-card-links a small,
.naturakoy-header-contact-links a span {
    display: block;
    color: rgba(255,255,255,.68);
    font-size: 13px;
    line-height: 1.45;
}

.naturakoy-header-step-links a {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    align-items: center;
}

.naturakoy-header-step-links em {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--nk-cream);
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
}

.naturakoy-header-step-links span {
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: 15px;
    font-weight: 700;
}

.naturakoy-header-product-links a {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    align-items: center;
    min-height: 54px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    transition: background .25s var(--nk-ease), border-color .25s var(--nk-ease), transform .25s var(--nk-ease);
}

    .naturakoy-header-product-links a:hover {
        background: rgba(255,255,255,.16);
        border-color: rgba(255,247,223,.28);
        transform: translateY(-3px);
    }

.naturakoy-header-product-links i {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(255,247,223,.14);
    color: var(--nk-cream);
}

.naturakoy-header-product-links svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.05;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.naturakoy-header-product-links span {
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: 15px;
    font-weight: 700;
}

.naturakoy-header-gallery-boxes {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    grid-template-rows: 96px 96px;
    gap: 10px;
    margin-top: 22px;
}

    .naturakoy-header-gallery-boxes span {
        display: block;
        border-radius: 18px;
        background: radial-gradient(circle at 30% 30%, rgba(255,247,223,.34), transparent 32%), linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
        border: 1px solid rgba(255,255,255,.14);
    }

        .naturakoy-header-gallery-boxes span:first-child {
            grid-row: span 2;
        }

/* MARQUEE */
.naturakoy-header-product-marquee {
    position: relative;
    z-index: 5;
    flex: 0 0 118px;
    height: 118px;
    overflow: hidden;
    pointer-events: none;
}

    .naturakoy-header-product-marquee::before,
    .naturakoy-header-product-marquee::after {
        content: "";
        position: absolute;
        top: 0;
        width: 140px;
        height: 100%;
        z-index: 3;
        pointer-events: none;
    }

    .naturakoy-header-product-marquee::before {
        left: 0;
        background: linear-gradient(90deg, var(--nk-green-dark), transparent);
    }

    .naturakoy-header-product-marquee::after {
        right: 0;
        background: linear-gradient(270deg, #6f9f38, transparent);
    }

.naturakoy-header-product-track {
    display: flex;
    align-items: center;
    gap: 22px;
    width: max-content;
    height: 100%;
    padding: 12px 0;
    animation: naturakoyProductMoveRight 34s linear infinite;
}

.naturakoy-header-product-card {
    width: 286px;
    height: 92px;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 58px 88px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 24px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 24px 60px -42px rgba(0,0,0,.55);
}

.naturakoy-header-product-icon {
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--nk-cream);
    overflow: hidden;
}

    .naturakoy-header-product-icon img {
        width: 70px;
        height: 70px;
        object-fit: contain;
        display: block;
    }

.naturakoy-header-product-image {
    width: 88px;
    height: 62px;
    display: grid;
    place-items: center;
}

    .naturakoy-header-product-image img {
        max-width: 88px;
        max-height: 62px;
        object-fit: contain;
        display: block;
    }

.naturakoy-header-product-text {
    min-width: 0;
}

    .naturakoy-header-product-text strong {
        display: block;
        color: var(--nk-green-dark);
        font-family: var(--nk-font-heading);
        font-size: 16.5px;
        line-height: 1.04;
        font-weight: 700;
        letter-spacing: -.025em;
    }

    .naturakoy-header-product-text span {
        display: block;
        margin-top: 3px;
        color: rgba(6, 65, 31, .70);
        font-size: 12px;
        font-weight: 700;
    }

body.naturakoy-menu-open {
    overflow: hidden;
}

/* ANIMATION */
@keyframes naturakoyMenuLinkIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes naturakoyHeaderPanelIn {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes naturakoyProductMoveRight {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

/* TABLET */
@media (max-width: 1100px) {
    .naturakoy-header-menu-body {
        grid-template-columns: minmax(0, .9fr) minmax(330px, 420px);
        gap: 28px;
    }

    .naturakoy-header-main-nav a {
        font-size: clamp(30px, 4.8vw, 48px);
    }

    .naturakoy-header-preview-panel {
        padding: 22px;
        min-height: 380px;
    }

    .naturakoy-header-mini-links {
        grid-template-columns: 1fr;
    }
}

/* MOBILE */
@media (max-width: 760px) {
    :root {
        --nk-header-height: 74px;
    }

    .naturakoy-header-inner,
    .naturakoy-header-menu-top,
    .naturakoy-header-menu-body {
        width: min(var(--nk-container), calc(100% - 28px));
    }

    .naturakoy-header-inner {
        grid-template-columns: 46px 1fr 94px;
        gap: 8px;
    }

    .naturakoy-header-logo {
        width: 102px;
    }

    .naturakoy-header-menu-btn,
    .naturakoy-header-close {
        width: 44px;
        height: 44px;
    }

        .naturakoy-header-menu-btn span {
            width: 20px;
        }

 

    .naturakoy-header-menu-top {
        height: 78px;
        grid-template-columns: 46px 1fr 94px;
        gap: 8px;
    }

    .naturakoy-header-menu-logo {
        width: 90px;
        min-height: 62px;
        border-radius: 16px;
    }

    .naturakoy-header-menu {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .naturakoy-header-menu-body {
        flex: 0 0 auto;
        min-height: auto;
        padding: 14px 0 22px;
        grid-template-columns: 1fr;
        gap: 18px;
        overflow: visible;
    }

    .naturakoy-header-main-nav {
        gap: 5px;
    }

        .naturakoy-header-main-nav a {
            font-size: clamp(24px, 7.8vw, 34px);
            line-height: 1.06;
            letter-spacing: -.025em;
        }

            .naturakoy-header-main-nav a::before {
                left: -13px;
                width: 6px;
                height: 6px;
            }

    .naturakoy-header-preview-panel {
        min-height: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .naturakoy-header-preview-kicker {
        font-size: 10px;
        margin-bottom: 9px;
    }

    .naturakoy-header-preview-panel h3 {
        font-size: 22px;
    }

    .naturakoy-header-preview-panel p {
        font-size: 13.5px;
        line-height: 1.58;
    }

    .naturakoy-header-mini-links,
    .naturakoy-header-card-links,
    .naturakoy-header-step-links,
    .naturakoy-header-product-links,
    .naturakoy-header-contact-links {
        margin-top: 16px;
        gap: 8px;
    }

        .naturakoy-header-product-links a,
        .naturakoy-header-step-links a,
        .naturakoy-header-mini-links a,
        .naturakoy-header-card-links a,
        .naturakoy-header-contact-links a {
            min-height: 48px;
            padding: 11px 12px;
            border-radius: 16px;
        }

        .naturakoy-header-product-links a {
            grid-template-columns: 38px 1fr;
        }

        .naturakoy-header-product-links i {
            width: 38px;
            height: 38px;
            border-radius: 13px;
        }

        .naturakoy-header-product-links svg {
            width: 21px;
            height: 21px;
        }

        .naturakoy-header-product-links span,
        .naturakoy-header-step-links span,
        .naturakoy-header-card-links a b,
        .naturakoy-header-contact-links a b {
            font-size: 13.5px;
        }

        .naturakoy-header-card-links a small,
        .naturakoy-header-contact-links a span {
            font-size: 12.5px;
        }

    .naturakoy-header-gallery-boxes {
        grid-template-rows: 74px 74px;
        gap: 8px;
    }

    .naturakoy-header-product-marquee {
        flex: 0 0 94px;
        height: 94px;
    }

        .naturakoy-header-product-marquee::before,
        .naturakoy-header-product-marquee::after {
            width: 48px;
        }

    .naturakoy-header-product-track {
        gap: 12px;
        padding: 9px 0;
    }

    .naturakoy-header-product-card {
        width: 226px;
        height: 76px;
        grid-template-columns: 44px 66px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 10px;
        border-radius: 18px;
    }

    .naturakoy-header-product-icon {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

        .naturakoy-header-product-icon img {
            width: 36px;
            height: 36px;
        }

    .naturakoy-header-product-image {
        width: 66px;
        height: 48px;
    }

        .naturakoy-header-product-image img {
            max-width: 66px;
            max-height: 48px;
        }

    .naturakoy-header-product-text strong {
        font-size: 13.5px;
    }

    .naturakoy-header-product-text span {
        font-size: 11px;
    }
}

/* SMALL MOBILE */
@media (max-width: 420px) {
    .naturakoy-header-inner {
        width: calc(100% - 18px);
        grid-template-columns: 42px 1fr 86px;
    }

    .naturakoy-header-menu-top {
        width: calc(100% - 18px);
        grid-template-columns: 42px 1fr 86px;
    }

    .naturakoy-header-logo {
        width: 92px;
    }

    .naturakoy-header-menu-logo {
        width: 82px;
        min-height: 58px;
    }

    .naturakoy-header-menu-btn,
    .naturakoy-header-close {
        width: 40px;
        height: 40px;
    }

  

    .naturakoy-header-main-nav a {
        font-size: clamp(22px, 7.2vw, 30px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .naturakoy-header-menu *,
    .naturakoy-header * {
        animation: none !important;
        transition: none !important;
    }
}
.naturakoy-header-franchise,
.naturakoy-header-menu-franchise {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 5px 6px 5px 20px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    align-items: center !important;
    gap: 14px !important;
    border-radius: 999px !important;
    background: var(--nk-green-dark) !important;
    color: var(--nk-white) !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    box-shadow: 0 18px 38px -30px rgba(6, 65, 31, .78), inset 0 1px 0 rgba(255,255,255,.18) !important;
    transition: transform .26s var(--nk-ease), background .26s var(--nk-ease), box-shadow .26s var(--nk-ease) !important;
}

.naturakoy-header-franchise {
    justify-self: end !important;
}

.naturakoy-header-menu-franchise {
    justify-self: end !important;
    background: var(--nk-white) !important;
    color: var(--nk-green-dark) !important;
    border-color: rgba(255,255,255,.55) !important;
}

    .naturakoy-header-franchise::before,
    .naturakoy-header-franchise::after,
    .naturakoy-header-menu-franchise::before,
    .naturakoy-header-menu-franchise::after {
        display: none !important;
        content: none !important;
    }

.naturakoy-header-franchise-text {
    display: block !important;
    min-width: 0 !important;
    color: inherit !important;
    font-family: var(--nk-font-heading) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.naturakoy-header-franchise-arrow {
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: var(--nk-white) !important;
    color: var(--nk-green-dark) !important;
    flex: 0 0 40px !important;
    box-shadow: inset 0 0 0 1px rgba(6, 65, 31, .08) !important;
}

.naturakoy-header-menu-franchise .naturakoy-header-franchise-arrow {
    background: var(--nk-green-dark) !important;
    color: var(--nk-white) !important;
}

.naturakoy-header-franchise-arrow svg {
    width: 30px !important;
    height: 30px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    transition: transform .26s var(--nk-ease) !important;
}

.naturakoy-header-franchise:hover,
.naturakoy-header-menu-franchise:hover {
    transform: translateY(-2px) !important;
    background: var(--nk-green) !important;
    color: var(--nk-white) !important;
    box-shadow: 0 24px 46px -32px rgba(6, 65, 31, .9), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

.naturakoy-header-menu-franchise:hover {
    background: var(--nk-cream) !important;
    color: var(--nk-green-dark) !important;
}

    .naturakoy-header-franchise:hover .naturakoy-header-franchise-arrow svg,
    .naturakoy-header-menu-franchise:hover .naturakoy-header-franchise-arrow svg {
        transform: translateX(2px) !important;
    }

/* Mobil */
@media (max-width: 760px) {
    .naturakoy-header-franchise,
    .naturakoy-header-menu-franchise {
        width: 136px !important;
        min-width: 136px !important;
        max-width: 136px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 4px 5px 4px 11px !important;
        grid-template-columns: minmax(0, 1fr) 30px !important;
        gap: 8px !important;
    }

    .naturakoy-header-franchise-text {
        font-size: 11.5px !important;
        line-height: 1.05 !important;
        letter-spacing: .01em !important;
        white-space: normal !important;
    }

    .naturakoy-header-franchise-arrow {
        width: 30px !important;
        height: 30px !important;
    }

        .naturakoy-header-franchise-arrow svg {
            width: 18px !important;
            height: 18px !important;
            fill: none !important;
            stroke: currentColor !important;
            stroke-width: 2.15 !important;
            stroke-linecap: round !important;
            stroke-linejoin: round !important;
        }
}

@media (max-width: 420px) {
    .naturakoy-header-franchise,
    .naturakoy-header-menu-franchise {
        width: 128px !important;
        min-width: 128px !important;
        max-width: 128px !important;
        grid-template-columns: minmax(0, 1fr) 28px !important;
    }

    .naturakoy-header-franchise-text {
        font-size: 12px !important;
    }

    .naturakoy-header-franchise-arrow {
        width: 28px !important;
        height: 28px !important;
    }
}
.nk-herovideo,
.nk-herovideo * {
    box-sizing: border-box;
}

.nk-herovideo {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 100svh;
    min-height: 680px;
    overflow: hidden;
    isolation: isolate;
    background: var(--nk-green-dark, #06411f);
    color: var(--nk-white, #ffffff);
    font-family: var(--nk-font-body, "Manrope", system-ui, sans-serif);
}

.nk-herovideo-media {
    position: absolute;
    inset: 0;
    z-index: -5;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.04);
    filter: saturate(1.05) contrast(1.04);
}

.nk-herovideo-overlay {
    position: absolute;
    inset: 0;
    z-index: -4;
}

.nk-herovideo-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -2;
    width: min(820px, 78vw);
    height: min(820px, 78vw);
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: .82;
}

    .nk-herovideo-orbit svg {
        width: 100%;
        height: 100%;
        overflow: visible;
        animation: nkHeroOrbitRotate 30s linear infinite;
    }

.nk-herovideo-orbit-line,
.nk-herovideo-orbit-arc {
    fill: none;
    stroke-linecap: round;
    transform-origin: center;
}

.nk-herovideo-orbit-line-1 {
    stroke: rgba(255, 247, 223, .17);
    stroke-width: 1.1;
    stroke-dasharray: 18 26;
    animation: nkHeroOrbitDash 18s linear infinite;
}

.nk-herovideo-orbit-line-2 {
    stroke: rgba(247, 189, 40, .14);
    stroke-width: 1;
    stroke-dasharray: 2 18;
    animation: nkHeroOrbitDashReverse 22s linear infinite;
}

.nk-herovideo-orbit-arc {
    stroke: rgba(255, 247, 223, .28);
    stroke-width: 1.4;
    stroke-dasharray: 160 540;
    animation: nkHeroOrbitArc 12s ease-in-out infinite;
}

.nk-herovideo-grain {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .14;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);
    background-size: 4px 4px;
    mix-blend-mode: soft-light;
}

.nk-herovideo::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -220px;
    z-index: 0;
    width: 900px;
    height: 420px;
    max-width: 95vw;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 247, 223, .14), transparent 68%);
    transform: translateX(-50%);
    pointer-events: none;
}

.nk-herovideo-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    width: min(1120px, calc(100% - 44px));
    text-align: center;
    transform: translate(-50%, -50%);
}

.nk-herovideo-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;
    color: var(--nk-cream, #fff7df);
    font-family: var(--nk-font-heading, "Nunito Sans", system-ui, sans-serif);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

    .nk-herovideo-kicker::before,
    .nk-herovideo-kicker::after {
        content: "";
        width: 38px;
        height: 1px;
        background: rgba(255, 247, 223, .58);
    }

.nk-herovideo-title {
    position: relative;
    min-height: 1.08em;
    margin: 0;
    color: var(--nk-white, #ffffff);
    font-family: var(--nk-font-heading, "Nunito Sans", system-ui, sans-serif);
    font-size: clamp(25px, 3.2vw, 45px);
    line-height: .92;
    font-weight: 700;
    letter-spacing: -.035em;
    text-wrap: balance;
    text-shadow: 0 22px 70px rgba(0,0,0,.36);
}

.nk-herovideo-title-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    opacity: 0;
    transform: translateY(28px) scale(.985);
    filter: blur(12px);
    pointer-events: none;
    will-change: opacity, transform, filter;
    transition: opacity 1.05s cubic-bezier(.16, 1, .3, 1), transform 1.05s cubic-bezier(.16, 1, .3, 1), filter 1.05s cubic-bezier(.16, 1, .3, 1);
}

    .nk-herovideo-title-text.is-active {
        position: relative;
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }

    .nk-herovideo-title-text.is-leaving {
        opacity: 0;
        transform: translateY(-20px) scale(1.01);
        filter: blur(9px);
    }

.nk-herovideo-desc {
    max-width: 640px;
    margin: 26px auto 0;
    color: rgba(255,255,255,.78);
    font-size: 17px;
    line-height: 1.72;
    font-weight: 500;
}

.nk-herovideo-discover {
    position: absolute;
    left: 50%;
    bottom: 38px;
    z-index: 9;
    width: 94px;
    height: 118px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--nk-white, #ffffff);
    font-family: var(--nk-font-heading, "Nunito Sans", system-ui, sans-serif);
    cursor: pointer;
    transform: translateX(-50%);
}

.nk-herovideo-egg {
    position: relative;
    width: 76px;
    height: 92px;
    margin: 0 auto 8px;
    display: grid;
    place-items: center;
    border-radius: 50% 50% 46% 46%;
    background: radial-gradient(circle at 35% 23%, #ffffff 0%, var(--nk-cream, #fff7df) 54%, #ead8a8 100%);
    box-shadow: 0 24px 45px -28px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.78);
    transition: transform .35s var(--nk-ease, cubic-bezier(.16, 1, .3, 1)), box-shadow .35s var(--nk-ease, cubic-bezier(.16, 1, .3, 1));
}

    .nk-herovideo-egg::before {
        content: "";
        position: absolute;
        inset: 6px;
        border-radius: inherit;
        border: 1px solid rgba(6, 65, 31, .09);
    }

    .nk-herovideo-egg::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -13px;
        width: 42px;
        height: 9px;
        border-radius: 50%;
        background: rgba(0,0,0,.24);
        filter: blur(7px);
        transform: translateX(-50%);
    }

    .nk-herovideo-egg svg {
        width: 55px;
        height: 68px;
        overflow: visible;
    }

.nk-herovideo-egg-shell {
    fill: transparent;
    stroke: rgba(6, 65, 31, .22);
    stroke-width: 1.4;
}

.nk-herovideo-egg-crack {
    fill: none !important;
    stroke: var(--nk-green-dark, #06411f) !important;
    stroke-width: 2.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 0 !important;
    stroke-dasharray: 120 !important;
    stroke-dashoffset: 120 !important;
}

.nk-herovideo-discover-text {
    display: block;
    color: rgba(255,255,255,.86);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .20em;
    text-transform: uppercase;
    text-align:center;
    transition: color .3s var(--nk-ease, cubic-bezier(.16, 1, .3, 1)), transform .3s var(--nk-ease, cubic-bezier(.16, 1, .3, 1));
}

.nk-herovideo-discover:hover .nk-herovideo-egg {
    transform: translateY(-8px);
    box-shadow: 0 32px 58px -30px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.84);
}

.nk-herovideo-discover:hover .nk-herovideo-discover-text {
    color: var(--nk-cream, #fff7df);
    transform: translateY(2px);
}

.nk-herovideo-discover.is-cracking .nk-herovideo-egg {
    animation: nkHeroEggBreakVisible 1s cubic-bezier(.16, 1, .3, 1) both !important;
}

.nk-herovideo-discover.is-cracking .nk-herovideo-egg-crack {
    opacity: 1 !important;
    stroke-dashoffset: 0 !important;
    transition: opacity .12s ease, stroke-dashoffset .65s cubic-bezier(.16, 1, .3, 1) !important;
}

.nk-herovideo-discover.is-cracking .nk-herovideo-egg-crack-2 {
    transition-delay: .12s !important;
}


.nk-herovideo.is-leaving .nk-herovideo-media {
    transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .9s cubic-bezier(.16, 1, .3, 1);
    transform: scale(1.1);
    filter: saturate(1.14) contrast(1.08);
}

.nk-herovideo.is-leaving .nk-herovideo-content {
    animation: nkHeroContentLeave .7s cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes nkHeroEggBreakVisible {
    0% {
        transform: translateY(0) scale(1) rotate(0deg);
    }

    18% {
        transform: translateY(-10px) scale(1.08) rotate(-4deg);
    }

    38% {
        transform: translateY(-4px) scale(.96) rotate(4deg);
    }

    58% {
        transform: translateY(-8px) scale(1.04) rotate(-2deg);
    }

    100% {
        transform: translateY(0) scale(1) rotate(0deg);
    }
}
@keyframes nkHeroOrbitRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes nkHeroOrbitDash {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -220;
    }
}

@keyframes nkHeroOrbitDashReverse {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 180;
    }
}

@keyframes nkHeroOrbitArc {
    0%, 100% {
        stroke-dasharray: 120 580;
        opacity: .18;
    }

    50% {
        stroke-dasharray: 260 440;
        opacity: .34;
    }
}

@keyframes nkHeroEggCrack {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes nkHeroEggBreak {
    0% {
        transform: translateY(-8px) scale(1);
    }

    34% {
        transform: translateY(-8px) scale(1.05) rotate(-2deg);
    }

    56% {
        transform: translateY(-4px) scale(.96) rotate(2deg);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

@keyframes nkHeroContentLeave {
    to {
        opacity: 0;
        transform: translate(-50%, calc(-50% - 22px));
        filter: blur(8px);
    }
}

@media (max-width: 900px) {
    .nk-herovideo {
        min-height: 620px;
    }

    .nk-herovideo-orbit {
        width: 86vw;
        height: 86vw;
    }

    .nk-herovideo-title {
        font-size: clamp(23px, 6vw, 35px);
        letter-spacing: -.015em;
    }

    .nk-herovideo-desc {
        max-width: 520px;
        font-size: 15.5px;
    }

    .nk-herovideo-discover {
        bottom: 28px;
    }
}

@media (max-width: 560px) {
    .nk-herovideo {
        min-height: 560px;
    }

    .nk-herovideo-content {
        width: calc(100% - 30px);
    }

    .nk-herovideo-kicker {
        margin-bottom: 16px;
        font-size: 10px;
        letter-spacing: .17em;
    }

        .nk-herovideo-kicker::before,
        .nk-herovideo-kicker::after {
            width: 24px;
        }

    .nk-herovideo-title {
        font-size: clamp(20px, 7vw, 25px);
        line-height: .96;
        letter-spacing: -.015em;
    }

    .nk-herovideo-desc {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.62;
    }

    .nk-herovideo-egg {
        width: 62px;
        height: 76px;
    }

        .nk-herovideo-egg svg {
            width: 46px;
            height: 58px;
        }

    .nk-herovideo-discover {
        width: 80px;
        height: 98px;
        bottom: 65px;
    }

    .nk-herovideo-discover-text {
        font-size: 10px;
        letter-spacing: .16em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nk-herovideo *,
    .nk-herovideo {
        animation: none !important;
        transition: none !important;
    }
}
.nk-herovideo-bottom-transition {
    display:none !important;
}

.nk-herovideo-wave {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.nk-herovideo-wave-main {
    fill: url(#nkHeroWaveGradient);
}

.nk-herovideo-wave-soft {
    fill: rgba(255, 247, 223, .11);
}

.nk-herovideo-wave-circle {
    fill: rgba(255, 247, 223, .08);
}

.nk-herovideo-wave-circle-1 {
    animation: nkHeroWaveCircleMove 9s ease-in-out infinite;
}

.nk-herovideo-wave-circle-2 {
    animation: nkHeroWaveCircleMoveAlt 11s ease-in-out infinite;
}

.nk-herovideo-bottom-transition::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -34px;
    height: 90px;
    z-index: 2;
    background: linear-gradient( 180deg, rgba(3, 43, 21, 0) 0%, rgba(3, 43, 21, .18) 44%, rgba(242, 138, 24, .08) 100% );
}

.nk-herovideo-bottom-transition::after {
    content: "";
    position: absolute;
    left: -5%;
    right: -5%;
    bottom: -34px;
    height: 74px;
    z-index: 3;
    background: linear-gradient( 180deg, rgba(242, 138, 24, 0) 0%, rgba(247, 189, 40, .26) 42%, var(--nk-cream, #fff7df) 100% );
    filter: blur(16px);
}

@keyframes nkHeroWaveCircleMove {
    0%, 100% {
        transform: translateX(0) translateY(0) scale(1);
        opacity: .7;
    }

    50% {
        transform: translateX(-34px) translateY(10px) scale(1.06);
        opacity: .95;
    }
}

@keyframes nkHeroWaveCircleMoveAlt {
    0%, 100% {
        transform: translateX(0) translateY(0) scale(1);
        opacity: .45;
    }

    50% {
        transform: translateX(42px) translateY(-8px) scale(1.08);
        opacity: .75;
    }
}
@media (max-width: 760px) {
    .nk-herovideo-bottom-transition {
        height: 170px;
    }
}

@media (max-width: 560px) {
    .nk-herovideo-bottom-transition {
        height: 135px;
    }
}
.nk-farmroute,
.nk-farmroute * {
    box-sizing: border-box;
}

.nk-farmroute {
    position: relative;
    overflow: hidden;
    padding: 112px 0 140px;
    background: radial-gradient(circle at 0% 0%, rgba(127, 157, 58, .08), transparent 18%), radial-gradient(circle at 100% 0%, rgba(247, 189, 40, .10), transparent 18%), linear-gradient(180deg, #fbf9f1 0%, var(--nk-cream, #fff7df) 52%, #f2ead8 100%);
    color: var(--nk-green-dark, #06411f);
    font-family: var(--nk-font-body, "Manrope", system-ui, sans-serif);
}

    .nk-farmroute::before {
        content: "";
        position: absolute;
        left: -170px;
        top: 40px;
        width: 370px;
        height: 370px;
        border-radius: 50%;
        background: rgba(15, 107, 53, .045);
        pointer-events: none;
    }

    .nk-farmroute::after {
        content: "";
        position: absolute;
        right: -160px;
        top: -60px;
        width: 360px;
        height: 360px;
        border-radius: 50%;
        background: rgba(247, 189, 40, .08);
        pointer-events: none;
    }

.nk-farmroute-inner {
    position: relative;
    z-index: 3;
    width: min(var(--nk-container, 1440px), calc(100% - 48px));
    margin: 0 auto;
}

.nk-farmroute-head {
    max-width: 850px;
    margin: 0 auto 54px;
    text-align: center;
}

    .nk-farmroute-head span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-bottom: 18px;
        color: var(--nk-green, #01914c);
        font-family: var(--nk-font-heading, "Nunito Sans", system-ui, sans-serif);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .18em;
        text-transform: uppercase;
    }

        .nk-farmroute-head span::before,
        .nk-farmroute-head span::after {
            content: "";
            width: 34px;
            height: 1px;
            background: rgba(15, 107, 53, .30);
        }

    .nk-farmroute-head h2 {
        margin: 0;
        color: var(--nk-green-dark, #06411f);
        font-family: var(--nk-font-heading, "Nunito Sans", system-ui, sans-serif);
        font-size: clamp(34px, 4.3vw, 68px);
        line-height: 1.02;
        font-weight: 700;
        letter-spacing: -.045em;
    }

        .nk-farmroute-head h2 strong {
            display: block;
            color: var(--nk-green, #01914c);
        }

.nk-farmroute-stage {
    position: relative;
    max-width: 1240px;
    height: 500px;
    margin: 0 auto;
}

.nk-farmroute-skyline {
    position: absolute;
    inset: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.nk-farmroute-main-path {
    fill: none;
    stroke: transparent;
}

.nk-farmroute-main-path-soft {
    fill: none;
    stroke: rgba(15, 107, 53, .09);
    stroke-width: 14;
    stroke-linecap: round;
    filter: blur(6px);
}

.nk-farmroute-main-path-dash {
    fill: none;
    stroke: url(#nkFarmRouteLineGradient);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 5 15;
    animation: nkFarmRouteDashMove 7s linear infinite;
}

.nk-farmroute-drop-line {
    fill: none;
    stroke: rgba(15, 107, 53, .18);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-dasharray: 4 10;
}

.nk-farmroute-route-dot {
    fill: var(--nk-white, #ffffff);
    stroke: rgba(15, 107, 53, .18);
    stroke-width: 8;
    animation: nkFarmRouteDotPulse 2.4s ease-in-out infinite;
}

.nk-farmroute-route-dot-2 {
    animation-delay: .3s;
}

.nk-farmroute-route-dot-3 {
    animation-delay: .6s;
}

.nk-farmroute-card {
    position: absolute;
    z-index: 2;
    width: 330px;
    min-height: 230px;
    padding: 34px 24px 30px;
    border-radius: 34px;
    backdrop-filter: blur(14px);
    text-align: center;
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .8s cubic-bezier(.16, 1, .3, 1), transform .8s cubic-bezier(.16, 1, .3, 1), box-shadow .3s cubic-bezier(.16, 1, .3, 1);
}

    .nk-farmroute-card::before,
    .nk-farmroute-card::after {
        display: none !important;
        content: none !important;
    }

.nk-farmroute.is-visible .nk-farmroute-card {
    opacity: 1;
    transform: translateY(0);
}

.nk-farmroute-card-1 {
    left: 1%;
    top: 188px;
    transition-delay: .08s;
}

.nk-farmroute-card-2 {
    left: 50%;
    top: 252px;
    transform: translateX(-50%) translateY(26px);
    transition-delay: .22s;
}

.nk-farmroute.is-visible .nk-farmroute-card-2 {
    transform: translateX(-50%) translateY(0);
}

.nk-farmroute-card-3 {
    right: 1%;
    top: 176px;
    transition-delay: .36s;
}

.nk-farmroute-icon {
    width: 128px;
    height: 128px;
    margin: -70px auto 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .95);
    color: var(--nk-green-dark, #06411f);
    border: 2px solid rgba(15, 107, 53, .07);
    box-shadow: 0 18px 34px -24px rgba(71, 64, 39, .22);

}

    .nk-farmroute-icon img {
        width: 126px;
        height: 126px;
        border-radius: 50%;
    }

.nk-farmroute-card h3 {
    max-width: 260px;
    margin: 0 auto;
    color: var(--nk-green-dark, #06411f);
    font-family: var(--nk-font-heading, "Nunito Sans", system-ui, sans-serif);
    font-size: 27px;
    line-height: 1.14;
    font-weight: 700;
    letter-spacing: -.025em;
}

.nk-farmroute-bottom-wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 2;
    height: 116px;
    pointer-events: none;
}

    .nk-farmroute-bottom-wave svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .nk-farmroute-bottom-wave path {
        fill: var(--nk-white, #ffffff);
    }

@keyframes nkFarmRouteDashMove {
    to {
        stroke-dashoffset: -90;
    }
}

@keyframes nkFarmRouteDotPulse {
    0%, 100% {
        opacity: .48;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.35);
    }
}

/* Tablet */
@media (max-width: 1180px) {
    .nk-farmroute {
        padding: 96px 0 116px;
    }

    .nk-farmroute-stage {
        height: auto;
        display: grid;
        gap: 28px;
        max-width: 760px;
        padding-left: 46px;
    }

    .nk-farmroute-skyline {
        display: none;
    }

    .nk-farmroute-stage::before {
        content: "";
        position: absolute;
        left: 13px;
        top: 12px;
        bottom: 12px;
        width: 2px;
        border-radius: 999px;
        background-image: linear-gradient(to bottom, var(--nk-straw, #e8cf86) 0 9px, transparent 9px 18px);
        background-size: 2px 18px;
        animation: nkFarmRouteMobileDash 1.9s linear infinite;
    }

    .nk-farmroute-stage::after {
        content: "";
        position: absolute;
        left: -6px;
        top: 14px;
        width: 28px;
        height: 38px;
        border-radius: 50% 50% 48% 48%;
        background: radial-gradient(circle at 34% 22%, #ffffff 0%, #fffaf0 45%, #e8dac1 100%);
        box-shadow: 0 10px 22px -16px rgba(76, 65, 39, .24);
        animation: nkFarmRouteMobileEgg 6.8s cubic-bezier(.16,1,.3,1) infinite;
    }

    .nk-farmroute-card,
    .nk-farmroute-card-1,
    .nk-farmroute-card-2,
    .nk-farmroute-card-3 {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        width: 100%;
        min-height: auto;
        transform: translateY(18px);
    }

    .nk-farmroute.is-visible .nk-farmroute-card-2 {
        transform: translateY(0);
    }

    .nk-farmroute-icon {
        margin-top: 0;
    }
}

@keyframes nkFarmRouteMobileDash {
    to {
        background-position-y: -18px;
    }
}

@keyframes nkFarmRouteMobileEgg {
    0% {
        top: 14px;
    }

    50% {
        top: calc(50% - 19px);
    }

    100% {
        top: calc(100% - 52px);
    }
}

/* Mobile */
@media (max-width: 760px) {
    .nk-farmroute {
        padding: 78px 0 96px;
    }

    .nk-farmroute-inner {
        width: min(var(--nk-container, 1440px), calc(100% - 30px));
    }

    .nk-farmroute-head {
        margin-bottom: 34px;
    }

        .nk-farmroute-head span {
            font-size: 10px;
            letter-spacing: .14em;
        }

            .nk-farmroute-head span::before,
            .nk-farmroute-head span::after {
                width: 20px;
            }

        .nk-farmroute-head h2 {
            font-size: clamp(30px, 10vw, 46px);
        }

    .nk-farmroute-card {
        padding: 24px 18px 22px;
        border-radius: 28px;
    }

    .nk-farmroute-icon {
        width: 125px;
        height: 125px;
        margin-bottom: 16px;
    }

        .nk-farmroute-icon svg {
            width: 52px;
            height: 52px;
        }

    .nk-farmroute-card h3 {
        font-size: 22px;
    }

    .nk-farmroute-bottom-wave {
        height: 88px;
    }
}
/* Eski hero geçişlerini kapat */
.nk-herovideo-section-wave,
.nk-herovideo-bottom-transition,
.nk-farmroute-wave {
    display: none !important;
}

/* Ana section */
.nk-farmroute {
    position: relative !important;
    z-index: 6 !important;
    margin-top: 0 !important;
    padding: 118px 0 140px !important;
    overflow: visible !important;
    background: radial-gradient(circle at 0% 0%, rgba(127, 157, 58, .08), transparent 18%), radial-gradient(circle at 100% 0%, rgba(247, 189, 40, .10), transparent 18%), linear-gradient(180deg, #fbf9f1 0%, var(--nk-cream, #fff7df) 52%, #f2ead8 100%) !important;
}

/* Sayfada yatay taşma olmasın */
body {
    overflow-x: hidden;
}

/* ÜST DALGA - VIDEO ALTINA SABİTLENEN KISIM */
.nk-farmroute-top-wave {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -75px !important;
    z-index: 8 !important;
    width: 100% !important;
    height: 128px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

    .nk-farmroute-top-wave svg {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

.nk-farmroute-top-wave-soft {
    fill: rgb(252 249 238) !important;
}

.nk-farmroute-top-wave-main {
    fill: #fcf9ee !important;
}

/* İçerik üst dalgaya çarpmasın */
.nk-farmroute-inner {
    position: relative !important;
    z-index: 5 !important;
    width: min(var(--nk-container, 1440px), calc(100% - 48px)) !important;
    margin: 0 auto !important;
}

/* ALT DALGA */
.nk-farmroute-bottom-wave {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    z-index: 3 !important;
    height: 116px !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

    .nk-farmroute-bottom-wave svg {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

.nk-farmroute-bottom-wave-main {
    fill: #ffffff !important;
}

@keyframes nkFarmrouteTopWaveMove {
    0%, 100% {
        transform: translateX(0);
        opacity: .65;
    }

    50% {
        transform: translateX(-32px);
        opacity: .95;
    }
}

/* Mobil */
@media (max-width: 760px) {
    .nk-farmroute {
        padding: 88px 0 104px !important;
    }

    .nk-farmroute-top-wave {
        top: -94px !important;
        height: 94px !important;
    }

    .nk-farmroute-inner {
        width: min(var(--nk-container, 1440px), calc(100% - 30px)) !important;
    }

    .nk-farmroute-bottom-wave {
        height: 86px !important;
    }
}

@media (max-width: 560px) {
    .nk-farmroute-top-wave {
        top: -78px !important;
        height: 78px !important;
    }

    .nk-farmroute-bottom-wave {
        height: 72px !important;
    }
}
.nk-productwave,
.nk-productwave * {
    box-sizing: border-box;
}

.nk-productwave {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 0;
    font-family: var(--nk-font-body, "Manrope", system-ui, sans-serif);
}

/* ÜST DALGA */
.nk-productwave-top-wave {
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    z-index: 8;
    height: 132px;
    pointer-events: none;
    overflow: hidden;
}

    .nk-productwave-top-wave svg {
        width: 100%;
        height: 100%;
        display: block;
    }

.nk-productwave-top-wave-main {
    fill: #ffffff;
}

/* ALT DALGA */
.nk-productwave-bottom-wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 8;
    height: 132px;
    pointer-events: none;
    overflow: hidden;
}

    .nk-productwave-bottom-wave svg {
        width: 100%;
        height: 100%;
        display: block;
    }

.nk-productwave-bottom-wave-main {
    fill: #ffffff;
}

/* SWIPER ANA ALAN */
.nk-productwave-swiper {
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
}

    .nk-productwave-swiper .swiper-wrapper {
        align-items: stretch;
    }

.nk-productwave-slide {
    width: 34vw;
    min-width: 430px;
    height: 650px;
    overflow: hidden;
}

.nk-productwave-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: grid;
    place-items: center;
    text-align: center;
    isolation: isolate;
    color: var(--nk-white, #ffffff);
}

/* OTOMATİK ÜRÜN RENGİ */
.nk-productwave-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: radial-gradient(circle at 78% 14%, rgba(255,255,255,.18), transparent 25%), radial-gradient(circle at 12% 88%, rgba(0,0,0,.18), transparent 35%), linear-gradient( 135deg, var(--product-color-dark, #06411f) 0%, var(--product-color, #01914c) 48%, var(--product-color-light, #83b63f) 100% );
    transition: background .7s ease;
}

    .nk-productwave-bg::before {
        content: "";
        position: absolute;
        left: -22%;
        top: -18%;
        width: 60%;
        height: 90%;
        border-radius: 50%;
        background: rgba(255,255,255,.09);
        transform: rotate(-12deg);
    }

    .nk-productwave-bg::after {
        content: "";
        position: absolute;
        right: -24%;
        top: -12%;
        width: 54%;
        height: 84%;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
        transform: rotate(14deg);
    }

/* ÜRÜN AMBALAJ GÖRSELİ */
.nk-productwave-product {
    position: absolute;
    top: 92px;
    left: 50%;
    z-index: 3;
    width: min(390px, 76%);
    height: 235px;
    display: grid;
    place-items: center;
    transform: translateX(-50%) translateY(18px) scale(.86);
    transition: transform .75s cubic-bezier(.16, 1, .3, 1), top .75s cubic-bezier(.16, 1, .3, 1), filter .75s cubic-bezier(.16, 1, .3, 1);
}

    .nk-productwave-product img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
        filter: drop-shadow(0 34px 30px rgba(0,0,0,.28));
    }

/* YAZI VE İKON */
.nk-productwave-content {
    position: relative;
    z-index: 4;
    width: min(470px, calc(100% - 46px));
    margin-top: 190px;
    transform: translateY(24px) scale(.92);
    opacity: .72;
    transition: opacity .65s cubic-bezier(.16, 1, .3, 1), transform .65s cubic-bezier(.16, 1, .3, 1);
}

.nk-productwave-icon {
    width: 125px;
    height: 125px;
    margin: 0 auto 18px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(255,255,255,.42);
    box-shadow: 0 20px 44px -30px rgba(0,0,0,.42);
    transform: translateY(8px) scale(.88);
    opacity: .82;
    transition: opacity .45s cubic-bezier(.16, 1, .3, 1), transform .45s cubic-bezier(.16, 1, .3, 1);
}

    .nk-productwave-icon img {
        width: 105px;
        height: 105px;
        object-fit: contain;
        display: block;
    }

.nk-productwave-content h3 {
    margin: 0;
    color: #ffffff;
    font-family: var(--nk-font-heading, "Nunito Sans", system-ui, sans-serif);
    font-size: clamp(22px, 2.2vw, 34px);
    line-height: .96;
    font-weight: 700;
    letter-spacing: -.055em;
    text-shadow: 0 20px 45px rgba(0,0,0,.22);
}

.nk-productwave-content p {
    max-width: 380px;
    margin: 18px auto 0;
    color: rgba(255,255,255,.86);
    font-size: 14.5px;
    line-height: 1.62;
    font-weight: 700;
}

/* SADECE AKTİF ÜRÜNDE GÖRÜNEN LİNK */
.nk-productwave-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 156px;
    height: 46px;
    margin-top: 24px;
    padding: 0 24px;
    border-radius: 999px;
    background: var(--nk-white, #ffffff);
    color: var(--product-color-dark, #06411f);
    font-family: var(--nk-font-heading, "Nunito Sans", system-ui, sans-serif);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-decoration: none !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .45s cubic-bezier(.16, 1, .3, 1), visibility .45s cubic-bezier(.16, 1, .3, 1), transform .45s cubic-bezier(.16, 1, .3, 1), background .3s cubic-bezier(.16, 1, .3, 1), color .3s cubic-bezier(.16, 1, .3, 1);
}

    .nk-productwave-btn:hover {
        background: var(--nk-cream, #fff7df);
        color: var(--product-color-dark, #06411f);
    }

/* AKTİF SLIDE */
.nk-productwave-slide.swiper-slide-active .nk-productwave-product {
    top: 76px;
    transform: translateX(-50%) translateY(0) scale(1.16);
    filter: saturate(1.08);
}

.nk-productwave-slide.swiper-slide-active .nk-productwave-content {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.nk-productwave-slide.swiper-slide-active .nk-productwave-icon {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.nk-productwave-slide.swiper-slide-active .nk-productwave-btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* PASİF SLIDE */
.nk-productwave-slide:not(.swiper-slide-active) .nk-productwave-card {
    filter: saturate(.94);
}

.nk-productwave-slide:not(.swiper-slide-active) .nk-productwave-content h3 {
    font-size: clamp(17px, 1.7vw, 25px);
}

.nk-productwave-slide:not(.swiper-slide-active) .nk-productwave-icon {
    width: 62px;
    height: 62px;
}

    .nk-productwave-slide:not(.swiper-slide-active) .nk-productwave-icon img {
        width: 34px;
        height: 34px;
    }

/* MODERN PAGINATION */
.nk-productwave-pagination {
    position: absolute;
    left: 50% !important;
    bottom: 34px !important;
    z-index: 12;
    width: auto !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.20);
    backdrop-filter: blur(12px);
    transform: translateX(-50%);
}

    .nk-productwave-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 !important;
        border-radius: 999px;
        background: rgba(255,255,255,.66);
        opacity: 1;
        transition: width .35s cubic-bezier(.16, 1, .3, 1), background .35s cubic-bezier(.16, 1, .3, 1);
    }

    .nk-productwave-pagination .swiper-pagination-bullet-active {
        width: 32px;
        background: #ffffff;
    }

/* RESPONSIVE */
@media (max-width: 1180px) {
    .nk-productwave-swiper {
        height: 600px;
    }

    .nk-productwave-slide {
        width: 54vw;
        min-width: 360px;
        height: 600px;
    }

    .nk-productwave-product {
        top: 94px;
        width: min(320px, 74%);
    }

    .nk-productwave-slide.swiper-slide-active .nk-productwave-product {
        top: 78px;
        transform: translateX(-50%) scale(1.08);
    }

    .nk-productwave-content h3 {
        font-size: clamp(34px, 6vw, 56px);
    }
}

@media (max-width: 760px) {
    .nk-productwave-top-wave,
    .nk-productwave-bottom-wave {
        height: 86px;
    }

    .nk-productwave-swiper {
        height: 550px;
    }

    .nk-productwave-slide {
        width: 82vw;
        min-width: 280px;
        height: 550px;
    }

    .nk-productwave-product {
        top: 86px;
        width: min(260px, 78%);
        height: 170px;
    }

    .nk-productwave-slide.swiper-slide-active .nk-productwave-product {
        top: 70px;
        transform: translateX(-50%) scale(1.02);
    }

    .nk-productwave-content {
        margin-top: 154px;
        width: calc(100% - 34px);
    }

    .nk-productwave-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 14px;
    }

        .nk-productwave-icon img {
            width: 34px;
            height: 34px;
        }

    .nk-productwave-content h3 {
        font-size: clamp(22px, 7vw, 30px);
    }

    .nk-productwave-content p {
        font-size: 13px;
    }

    .nk-productwave-btn {
        height: 42px;
        min-width: 136px;
        font-size: 11px;
    }

    .nk-productwave-pagination {
        bottom: 24px !important;
        display:none;
    }
}
.nk-aboutsplit,
.nk-aboutsplit * {
    box-sizing: border-box;
}

.nk-aboutsplit {
    position: relative;
    padding: 110px 0 120px;
    background: var(--nk-white);
    overflow: hidden;
    font-family: var(--nk-font-body);
}

.nk-aboutsplit-container {
    width: min(var(--nk-container), calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(320px, 520px) minmax(420px, 1fr);
    align-items: center;
    gap: 58px;
}

/* SOL İÇERİK */
.nk-aboutsplit-content {
    position: relative;
    z-index: 2;
}

.nk-aboutsplit-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

    .nk-aboutsplit-kicker::before {
        content: "";
        width: 42px;
        height: 2px;
        border-radius: var(--nk-radius-pill);
        background: linear-gradient( 90deg, var(--nk-straw) 0%, var(--nk-leaf) 100% );
    }

.nk-aboutsplit-title {
    margin: 0;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: clamp(42px, 5vw, 82px);
    line-height: .95;
    font-weight: 700;
    letter-spacing: -.055em;
}

    .nk-aboutsplit-title strong {
        color: var(--nk-green);
        font-weight: 700;
    }

.nk-aboutsplit-text {
    max-width: 500px;
    margin: 24px 0 0;
    color: rgba(6, 65, 31, .72);
    font-size: 17px;
    line-height: 1.78;
    font-weight: 500;
}

.nk-aboutsplit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    height: 52px;
    margin-top: 32px;
    padding: 0 26px;
    border-radius: var(--nk-radius-pill);
    background: linear-gradient( 135deg, var(--nk-green-dark) 0%, var(--nk-green) 100% );
    color: var(--nk-white);
    text-decoration: none !important;
    font-family: var(--nk-font-heading);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    box-shadow: 0 20px 42px -26px rgba(6, 65, 31, .55);
    transition: transform .35s var(--nk-ease), box-shadow .35s var(--nk-ease), background .35s var(--nk-ease);
}

    .nk-aboutsplit-button:hover {
        transform: translateY(-2px);
        background: linear-gradient( 135deg, var(--nk-green) 0%, var(--nk-leaf) 100% );
        box-shadow: 0 24px 46px -24px rgba(6, 65, 31, .62);
    }

/* SAĞ KOLAJ */
.nk-aboutsplit-visual {
    position: relative;
    min-height: 720px;
    z-index: 1;
}

.nk-aboutsplit-blob {
    position: absolute;
    right: 20px;
    top: 46px;
    width: 74%;
    height: 76%;
    border-radius: 44% 56% 49% 51% / 43% 39% 61% 57%;
    background: radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .72), transparent 34%), linear-gradient( 135deg, var(--nk-cream) 0%, var(--nk-cream-2) 58%, rgba(131, 182, 63, .13) 100% );
    z-index: 0;
    animation: nkBlobFloat 12s ease-in-out infinite;
}

.nk-aboutsplit-dots {
    position: absolute;
    left: 45%;
    bottom: 92px;
    width: 170px;
    height: 230px;
    z-index: 1;
    opacity: .82;
    background-image: radial-gradient(var(--nk-green) 1.45px, transparent 1.45px);
    background-size: 11px 11px;
    border-radius: var(--nk-radius-md);
}

.nk-aboutsplit-mini-icon {
    position: absolute;
    right: 135px;
    top: 118px;
    z-index: 3;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--nk-green-dark);
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 38px -26px rgba(6, 65, 31, .26);
}

    .nk-aboutsplit-mini-icon svg {
        width: 32px;
        height: 32px;
        display: block;
    }

/* GÖRSEL KARTLAR */
.nk-aboutsplit-card {
    position: absolute;
    overflow: hidden;
    background: var(--nk-white);
    box-shadow: 0 30px 70px -38px rgba(6, 65, 31, .28);
}

    .nk-aboutsplit-card img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.nk-aboutsplit-card-lg {
    top: 34px;
    left: 120px;
    width: 315px;
    height: 360px;
    border-radius: var(--nk-radius-md);
    border: 7px solid var(--nk-green);
    z-index: 3;
}

.nk-aboutsplit-card-md {
    right: 48px;
    top: 240px;
    width: 372px;
    height: 390px;
    border-radius: var(--nk-radius-md);
    z-index: 2;
}

.nk-aboutsplit-card-sm {
    left: 0;
    bottom: 0;
    width: 160px;
    height: 205px;
    border-radius: var(--nk-radius-sm);
    z-index: 3;
}

/* YUMURTA DETAYLARI */
.nk-aboutsplit-egg {
    position: absolute;
    z-index: 4;
}

    

.nk-aboutsplit-egg-top {
    width: 100px;
    height: 138px;
    left: -6px;
    top: -8px;
    transform: rotate(8deg);
    animation: nkEggFloatTop 5.6s ease-in-out infinite;
}
.nk-aboutsplit-egg-top img {
    height:135px;
}
.nk-aboutsplit-egg-bottom {
    width: 88px;
    height: 120px;
    left: -8px;
    bottom: 14px;
    transform: rotate(14deg);
    animation: nkEggFloatBottom 6.4s ease-in-out infinite;
}
.nk-aboutsplit-egg-bottom img {
    height: 135px;
}

/* ANİMASYONLAR */
@keyframes nkBlobFloat {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
        border-radius: 44% 56% 49% 51% / 43% 39% 61% 57%;
    }

    50% {
        transform: translateY(8px) rotate(-1.5deg);
        border-radius: 48% 52% 43% 57% / 38% 46% 54% 62%;
    }
}

@keyframes nkEggFloatTop {
    0%, 100% {
        transform: translateY(0) rotate(8deg);
    }

    50% {
        transform: translateY(-12px) rotate(4deg);
    }
}

@keyframes nkEggFloatBottom {
    0%, 100% {
        transform: translateY(0) rotate(14deg);
    }

    50% {
        transform: translateY(10px) rotate(9deg);
    }
}

/* REVEAL */
.nk-reveal-up,
.nk-reveal-scale {
    opacity: 0;
    transition: opacity .9s var(--nk-ease), transform .9s var(--nk-ease);
    will-change: opacity, transform;
}

.nk-reveal-up {
    transform: translateY(38px);
}

.nk-reveal-scale {
    transform: translateY(18px) scale(.92);
}

.nk-reveal-delay-2 {
    transition-delay: .14s;
}

.nk-reveal-delay-3 {
    transition-delay: .24s;
}

.nk-reveal-section.is-visible .nk-reveal-up,
.nk-reveal-section.is-visible .nk-reveal-scale {
    opacity: 1;
    transform: none;
}

/* TABLET */
@media (max-width: 1180px) {
    .nk-aboutsplit-container {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .nk-aboutsplit-content {
        max-width: 760px;
    }

    .nk-aboutsplit-text {
        max-width: 650px;
    }

    .nk-aboutsplit-visual {
        min-height: 680px;
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
    }
}

/* MOBİL */
@media (max-width: 767px) {
    .nk-aboutsplit {
        padding: 72px 0 84px;
    }

    .nk-aboutsplit-container {
        width: min(100% - 24px, var(--nk-container));
        gap: 32px;
    }

    .nk-aboutsplit-title {
        font-size: clamp(34px, 11vw, 50px);
        line-height: .98;
    }

    .nk-aboutsplit-text {
        margin-top: 18px;
        font-size: 15.5px;
        line-height: 1.7;
    }

    .nk-aboutsplit-button {
        min-width: 150px;
        height: 48px;
        margin-top: 24px;
        font-size: 13px;
    }

    .nk-aboutsplit-visual {
        min-height: 530px;
    }

    .nk-aboutsplit-blob {
        right: 0;
        top: 50px;
        width: 86%;
        height: 74%;
    }

    .nk-aboutsplit-card-lg {
        top: 16px;
        left: 18px;
        width: 196px;
        height: 225px;
        border-width: 5px;
        border-radius: var(--nk-radius-md);
    }

    .nk-aboutsplit-card-md {
        right: 0;
        top: 192px;
        width: 230px;
        height: 242px;
        border-radius: var(--nk-radius-md);
    }

    .nk-aboutsplit-card-sm {
        left: 8px;
        bottom: 8px;
        width: 116px;
        height: 146px;
        border-radius: var(--nk-radius-sm);
    }

    .nk-aboutsplit-mini-icon {
        right: 28px;
        top: 94px;
        width: 46px;
        height: 46px;
    }

        .nk-aboutsplit-mini-icon svg {
            width: 24px;
            height: 24px;
        }

    .nk-aboutsplit-dots {
        left: 47%;
        bottom: 26px;
        width: 104px;
        height: 146px;
        background-size: 9px 9px;
    }

    .nk-aboutsplit-egg-top {
        width: 65px;
        height: 90px;
        right: 125px;
        left: inherit;
        top: -10px;
    }

    .nk-aboutsplit-egg-bottom {
        width: 58px;
        height: 82px;
        left: 12px;
        bottom: 8px;
    }
}
.naturakoy-yolkcompact,
.naturakoy-yolkcompact * {
    box-sizing: border-box;
}

.naturakoy-yolkcompact {
    position: relative;
    overflow: hidden;
    padding: 96px 0 104px;
    color: var(--nk-white);
    background: radial-gradient(circle at 12% 72%, rgba(255, 247, 223, .12), transparent 28%), radial-gradient(circle at 86% 22%, rgba(131, 182, 63, .16), transparent 31%), linear-gradient( 135deg, var(--nk-green-deep) 0%, var(--nk-green-dark) 48%, var(--nk-green) 100% );
    font-family: var(--nk-font-body);
    isolation: isolate;
}

/* GEÇİŞLER */
.naturakoy-yolkcompact-top-wave,
.naturakoy-yolkcompact-bottom-wave {
    position: absolute;
    left: 0;
    right: 0;
    height: 96px;
    z-index: 5;
    pointer-events: none;
    overflow: hidden;
}

.naturakoy-yolkcompact-top-wave {
    top: -1px;
}

.naturakoy-yolkcompact-bottom-wave {
    bottom: -1px;
}

    .naturakoy-yolkcompact-top-wave svg,
    .naturakoy-yolkcompact-bottom-wave svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .naturakoy-yolkcompact-top-wave path,
    .naturakoy-yolkcompact-bottom-wave path {
        fill: var(--nk-white);
    }

/* ARKA PLAN DETAYLARI */
.naturakoy-yolkcompact-bg-glow {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    pointer-events: none;
}

.naturakoy-yolkcompact-bg-glow-left {
    left: -260px;
    bottom: -240px;
    width: 560px;
    height: 560px;
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.025));
}

.naturakoy-yolkcompact-bg-glow-right {
    right: -190px;
    top: 60px;
    width: 430px;
    height: 430px;
    background: linear-gradient(180deg, rgba(232,207,134,.16), rgba(255,255,255,.035));
}

.naturakoy-yolkcompact-container {
    position: relative;
    z-index: 3;
    width: min(var(--nk-container), calc(100% - 48px));
    margin: 0 auto;
}

.naturakoy-yolkcompact-grid {
    display: grid;
    grid-template-columns: minmax(430px, .92fr) minmax(420px, 1fr);
    align-items: center;
    gap: 56px;
    min-height: 520px;
}

/* SOL İÇERİK */
.naturakoy-yolkcompact-content {
    max-width: 650px;
}

.naturakoy-yolkcompact-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 17px;
    color: var(--nk-cream);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

    .naturakoy-yolkcompact-kicker::before {
        content: "";
        width: 38px;
        height: 1px;
        background: rgba(255,247,223,.55);
    }

.naturakoy-yolkcompact-content h2 {
    margin: 0;
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: clamp(38px, 4.2vw, 66px);
    line-height: .96;
    font-weight: 700;
    letter-spacing: -.055em;
    text-shadow: 0 22px 54px rgba(0,0,0,.20);
}

    .naturakoy-yolkcompact-content h2 strong {
        display: block;
        color: var(--nk-straw);
    }

.naturakoy-yolkcompact-content p {
    max-width: 560px;
    margin: 20px 0 0;
    color: rgba(255,255,255,.78);
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

/* SKALA KARTI */
.naturakoy-yolkcompact-scale-card {
    margin-top: 34px;
    padding: 22px 24px 24px;
    border-radius: var(--nk-radius-lg);
    background: radial-gradient(circle at 92% 0%, rgba(255,247,223,.12), transparent 36%), rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: 0 34px 90px -72px rgba(0,0,0,.58);
    backdrop-filter: blur(12px);
    overflow: hidden;
}

.naturakoy-yolkcompact-scale-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

    .naturakoy-yolkcompact-scale-head span {
        color: var(--nk-cream);
        font-family: var(--nk-font-heading);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .naturakoy-yolkcompact-scale-head small {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        padding: 0 14px;
        border-radius: var(--nk-radius-pill);
        color: var(--nk-green-deep);
        background: var(--nk-cream);
        font-family: var(--nk-font-heading);
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }

/* SKALA SCROLL GÜVENLİ ALAN */
.naturakoy-yolkcompact-scale-scroll {
    position: relative;
    width: 100%;
    overflow: visible;
}

/* SKALA ANA SATIR */
.naturakoy-yolkcompact-scale {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    width: 100%;
    min-height: 64px;
}

/* NOKTALI ÇİZGİ */
.naturakoy-yolkcompact-scale-line {
    position: absolute;
    left: 24px;
    right: 24px;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
    background-image: linear-gradient( to right, rgba(255,247,223,.54) 40%, rgba(255,247,223,0) 0% );
    background-size: 10px 2px;
    background-repeat: repeat-x;
    z-index: 0;
}

/* HER ELEMAN EŞİT ALAN */
.naturakoy-yolkcompact-level,
.naturakoy-yolkcompact-yolk {
    position: relative;
    z-index: 2;
    flex: 0 0 50px;
    width: 50px;
    height: 58px;
    display: grid;
    place-items: center;
}

    /* NUMARA DAİRELERİ */
    .naturakoy-yolkcompact-level span {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        color: var(--nk-green-deep);
        font-family: var(--nk-font-heading);
        font-size: 14px;
        font-weight: 700;
        background: var(--nk-cream-2);
        box-shadow: 0 14px 24px -18px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.72);
    }

    .naturakoy-yolkcompact-level.level-9 span,
    .naturakoy-yolkcompact-level.level-10 span,
    .naturakoy-yolkcompact-level.level-11 span {
        background: var(--nk-straw);
    }

    .naturakoy-yolkcompact-level.level-13 span {
        background: var(--nk-yolk);
    }

    .naturakoy-yolkcompact-level.is-highlighted span {
        transform: scale(1.04);
        box-shadow: 0 18px 34px -18px rgba(247,189,40,.58), 0 0 0 7px rgba(247,189,40,.10);
    }

    /* YUMURTA SARISI DAİRELERİ */
    .naturakoy-yolkcompact-yolk i {
        width: 46px;
        height: 46px;
        display: block;
        border-radius: 50%;
        position: relative;
        box-shadow: 0 18px 34px -20px rgba(0,0,0,.50);
    }

        .naturakoy-yolkcompact-yolk i::before {
            content: "";
            position: absolute;
            inset: 6px;
            border-radius: 50%;
            background: radial-gradient(circle at 32% 28%, rgba(255,255,255,.65), transparent 28%);
        }

    .naturakoy-yolkcompact-yolk.yolk-soft i {
        background: radial-gradient(circle at 36% 32%, #ffe98c 0%, #e8bf32 52%, #c98814 100%);
    }

    .naturakoy-yolkcompact-yolk.yolk-rich i {
        background: radial-gradient(circle at 36% 32%, #ffc76a 0%, var(--nk-orange) 52%, var(--nk-orange-dark) 100%);
    }

    .naturakoy-yolkcompact-yolk.yolk-deep i {
        width: 50px;
        height: 50px;
        background: radial-gradient(circle at 36% 32%, #ffc85d 0%, var(--nk-orange) 44%, #c8500a 100%);
        box-shadow: 0 18px 34px -18px rgba(242,138,24,.62), 0 0 0 8px rgba(242,138,24,.10);
    }

/* SAĞ GÖRSEL */
.naturakoy-yolkcompact-visual {
    position: relative;
    min-height: 460px;
    display: grid;
    place-items: center;
}

.naturakoy-yolkcompact-orbit {
    position: absolute;
    inset: 16px 8%;
    border-radius: 50%;
    pointer-events: none;
    opacity: .9;
}

    .naturakoy-yolkcompact-orbit::before {
        content: "";
        position: absolute;
        inset: 7%;
        border-radius: 50%;
        border: 1px dashed rgba(255,247,223,.24);
        animation: nkYolkCompactOrbit 18s linear infinite;
    }

    .naturakoy-yolkcompact-orbit span:first-child {
        position: absolute;
        right: 18%;
        top: 16%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--nk-straw);
        box-shadow: 0 0 0 8px rgba(232,207,134,.12);
    }

    .naturakoy-yolkcompact-orbit span:last-child {
        position: absolute;
        left: 13%;
        bottom: 24%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--nk-leaf);
        box-shadow: 0 0 0 8px rgba(131,182,63,.12);
    }

.naturakoy-yolkcompact-image-shell {
    position: relative;
    z-index: 2;
    width: min(620px, 100%);
    display: grid;
    place-items: center;
}

    .naturakoy-yolkcompact-image-shell::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 55%;
        width: 84%;
        height: 58%;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        background: radial-gradient(circle at center, rgba(255,247,223,.25), transparent 68%);
        filter: blur(2px);
    }

    .naturakoy-yolkcompact-image-shell img {
        position: relative;
        z-index: 2;
        width: min(620px, 100%);
        height: auto;
        display: block;
        filter: drop-shadow(0 32px 42px rgba(0,0,0,.24));
        animation: nkYolkCompactImageFloat 7s ease-in-out infinite;
    }

.naturakoy-yolkcompact-badge {
    position: absolute;
    right: 5%;
    top: 0%;
    z-index: 4;
    display: grid;
    gap: 2px;
    min-width: 142px;
    padding: 15px 18px;
    border-radius: var(--nk-radius-md);
    background: rgba(255, 247, 223, .94);
    color: var(--nk-green-dark);
    box-shadow: 0 24px 50px -34px rgba(0, 0, 0, .40);
    transform: rotate(-3deg);
}

    .naturakoy-yolkcompact-badge span {
        color: var(--nk-green);
        font-family: var(--nk-font-heading);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .naturakoy-yolkcompact-badge strong {
        font-family: var(--nk-font-heading);
        font-size: 22px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -.035em;
    }

/* ANİMASYONLAR */
@keyframes nkYolkCompactOrbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes nkYolkCompactImageFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-8px) scale(1.01);
    }
}

/* REVEAL */
.nk-compact-reveal-up {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .85s var(--nk-ease), transform .85s var(--nk-ease);
    will-change: opacity, transform;
}

.nk-compact-delay-1 {
    transition-delay: .14s;
}

.nk-compact-reveal-section.is-visible .nk-compact-reveal-up {
    opacity: 1;
    transform: translateY(0);
}

/* TABLET */
@media (max-width: 1180px) {
    .naturakoy-yolkcompact {
        padding: 92px 0 100px;
    }

    .naturakoy-yolkcompact-grid {
        grid-template-columns: 1fr;
        gap: 34px;
        min-height: auto;
    }

    .naturakoy-yolkcompact-content {
        max-width: 860px;
        margin: 0 auto;
        text-align: center;
    }

    .naturakoy-yolkcompact-kicker {
        justify-content: center;
    }

    .naturakoy-yolkcompact-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .naturakoy-yolkcompact-scale-card {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

    .naturakoy-yolkcompact-visual {
        min-height: 430px;
    }

    .naturakoy-yolkcompact-image-shell {
        width: min(580px, 100%);
    }
}

/* MOBİL */
@media (max-width: 767px) {
    .naturakoy-yolkcompact {
        padding: 78px 0 76px !important;
        overflow: hidden !important;
    }

    .naturakoy-yolkcompact-top-wave,
    .naturakoy-yolkcompact-bottom-wave {
        height: 58px !important;
    }

    .naturakoy-yolkcompact-container {
        width: calc(100% - 28px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        overflow: visible !important;
    }

    .naturakoy-yolkcompact-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        min-height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .naturakoy-yolkcompact-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        text-align: center !important;
        overflow: visible !important;
    }

    .naturakoy-yolkcompact-kicker {
        justify-content: center !important;
        margin-bottom: 12px !important;
        font-size: 9px !important;
        letter-spacing: .12em !important;
        white-space: normal !important;
        line-height: 1.4 !important;
    }

        .naturakoy-yolkcompact-kicker::before {
            width: 22px !important;
        }

    .naturakoy-yolkcompact-content h2 {
        width: 100% !important;
        margin: 0 auto !important;
        font-size: clamp(32px, 12vw, 44px) !important;
        line-height: .96 !important;
        letter-spacing: -.045em !important;
        text-align: center !important;
        white-space: normal !important;
    }

        .naturakoy-yolkcompact-content h2 strong {
            display: block !important;
        }

    .naturakoy-yolkcompact-content p {
        width: 100% !important;
        max-width: 330px !important;
        margin: 14px auto 0 !important;
        font-size: 13.5px !important;
        line-height: 1.58 !important;
        text-align: center !important;
    }

    /* SKALA KARTI */
    .naturakoy-yolkcompact-scale-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 22px auto 0 !important;
        padding: 15px 12px 15px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    .naturakoy-yolkcompact-scale-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

        .naturakoy-yolkcompact-scale-head span {
            font-size: 9px !important;
            letter-spacing: .10em !important;
            white-space: nowrap !important;
        }

        .naturakoy-yolkcompact-scale-head small {
            height: 24px !important;
            padding: 0 10px !important;
            font-size: 10px !important;
            white-space: nowrap !important;
        }

    .naturakoy-yolkcompact-scale-scroll {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 4px !important;
    }

        .naturakoy-yolkcompact-scale-scroll::-webkit-scrollbar {
            display: none !important;
        }

    .naturakoy-yolkcompact-scale {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: max-content !important;
        min-width: 600px !important;
        padding: 5px 4px 10px !important;
    }

    .naturakoy-yolkcompact-scale-line {
        left: 24px !important;
        right: auto !important;
        width: 550px !important;
        top: 50% !important;
    }

    .naturakoy-yolkcompact-level,
    .naturakoy-yolkcompact-yolk {
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 48px !important;
        min-width: 42px !important;
    }

        .naturakoy-yolkcompact-level span {
            width: 36px !important;
            height: 36px !important;
            font-size: 12px !important;
        }

        .naturakoy-yolkcompact-yolk i {
            width: 40px !important;
            height: 40px !important;
        }

        .naturakoy-yolkcompact-yolk.yolk-deep i {
            width: 42px !important;
            height: 42px !important;
            box-shadow: 0 14px 26px -18px rgba(242,138,24,.58), 0 0 0 6px rgba(242,138,24,.10) !important;
        }

        .naturakoy-yolkcompact-level.is-highlighted span {
            transform: scale(1.02) !important;
            box-shadow: 0 14px 26px -18px rgba(247,189,40,.48), 0 0 0 5px rgba(247,189,40,.10) !important;
        }

    /* GÖRSEL ALANI */
    .naturakoy-yolkcompact-visual {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 280px !important;
        margin-top: 8px !important;
        overflow: visible !important;
    }

    .naturakoy-yolkcompact-orbit {
        inset: 8px 0 !important;
        opacity: .45 !important;
    }

        .naturakoy-yolkcompact-orbit::before {
            inset: 10% !important;
        }

    .naturakoy-yolkcompact-image-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

        .naturakoy-yolkcompact-image-shell::before {
            width: 92% !important;
            height: 52% !important;
        }

        .naturakoy-yolkcompact-image-shell img {
            width: min(100%, 380px) !important;
            max-width: 100% !important;
            margin: 0 auto !important;
            display: block !important;
            filter: drop-shadow(0 20px 28px rgba(0,0,0,.22)) !important;
        }

    .naturakoy-yolkcompact-badge {
        display: none !important;
    }

    .naturakoy-yolkcompact-bg-glow-left {
        left: -220px !important;
        bottom: -170px !important;
        width: 380px !important;
        height: 380px !important;
    }

    .naturakoy-yolkcompact-bg-glow-right {
        right: -180px !important;
        top: 110px !important;
        width: 330px !important;
        height: 330px !important;
    }
}

/* KÜÇÜK MOBİL */
@media (max-width: 420px) {
    .naturakoy-yolkcompact {
        padding-top: 72px !important;
        padding-bottom: 68px !important;
    }

    .naturakoy-yolkcompact-container {
        width: calc(100% - 22px) !important;
    }

    .naturakoy-yolkcompact-content h2 {
        font-size: clamp(30px, 11vw, 40px) !important;
    }

    .naturakoy-yolkcompact-content p {
        max-width: 300px !important;
        font-size: 13px !important;
    }

    .naturakoy-yolkcompact-scale {
        min-width: 570px !important;
        gap: 9px !important;
    }

    .naturakoy-yolkcompact-scale-line {
        width: 520px !important;
    }

    .naturakoy-yolkcompact-level,
    .naturakoy-yolkcompact-yolk {
        flex-basis: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
    }

        .naturakoy-yolkcompact-level span {
            width: 34px !important;
            height: 34px !important;
            font-size: 11px !important;
        }

        .naturakoy-yolkcompact-yolk i {
            width: 38px !important;
            height: 38px !important;
        }

        .naturakoy-yolkcompact-yolk.yolk-deep i {
            width: 40px !important;
            height: 40px !important;
        }

    .naturakoy-yolkcompact-visual {
        min-height: 250px !important;
    }

    .naturakoy-yolkcompact-image-shell img {
        width: min(100%, 340px) !important;
    }
}
.naturakoy-sosyalkanit,
.naturakoy-sosyalkanit * {
    box-sizing: border-box;
}

.naturakoy-sosyalkanit {
    position: relative;
    overflow: hidden;
    padding: 82px 0;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-body);
}

.naturakoy-sosyalkanit-container {
    position: relative;
    z-index: 2;
    width: min(var(--nk-container), calc(100% - 48px));
    margin: 0 auto;
}

/* MARQUEE */
.naturakoy-sosyalkanit-marquee {
    position: relative;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}

.naturakoy-sosyalkanit-marquee-top {
    margin-bottom: 34px;
}

.naturakoy-sosyalkanit-marquee-bottom {
    margin-top: 34px;
}

.naturakoy-sosyalkanit-marquee-track {
    display: flex;
    align-items: center;
    gap: 14px;
    width: max-content;
    will-change: transform;
}

.naturakoy-sosyalkanit-marquee-top .naturakoy-sosyalkanit-marquee-track {
    animation: nkSocialMarqueeLeft 34s linear infinite;
}

.naturakoy-sosyalkanit-marquee-bottom .naturakoy-sosyalkanit-marquee-track {
    animation: nkSocialMarqueeRight 36s linear infinite;
}

.naturakoy-sosyalkanit-marquee-track span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: var(--nk-radius-pill);
    background: var(--nk-cream);
    border: 1px solid rgba(15, 107, 53, .10);
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

/* BAŞLIK */
.naturakoy-sosyalkanit-head {
    max-width: 780px;
    margin: 0 auto 44px;
    text-align: center;
}

    .naturakoy-sosyalkanit-head > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
        color: var(--nk-green);
        font-family: var(--nk-font-heading);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .18em;
        text-transform: uppercase;
    }

    .naturakoy-sosyalkanit-head h2 {
        margin: 0;
        color: var(--nk-green-dark);
        font-family: var(--nk-font-heading);
        font-size: clamp(38px, 4.4vw, 72px);
        line-height: .98;
        font-weight: 700;
        letter-spacing: -.055em;
    }

        .naturakoy-sosyalkanit-head h2 strong {
            display: block;
            color: var(--nk-green);
        }

    .naturakoy-sosyalkanit-head p {
        max-width: 650px;
        margin: 20px auto 0;
        color: rgba(6, 65, 31, .70);
        font-size: 16px;
        line-height: 1.72;
        font-weight: 500;
    }

/* GÜVENLİ GRID YAPI */
.naturakoy-sosyalkanit-layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 22px;
    align-items: stretch;
    max-width: 1180px;
    margin: 0 auto;
}

/* KARTLAR */
.naturakoy-sosyalkanit-card {
    position: relative;
    min-height: 150px;
    padding: 18px 18px 17px;
    border-radius: 24px;
    background: radial-gradient(circle at 92% 0%, rgba(131, 182, 63, .08), transparent 34%), rgba(255, 247, 223, .72);
    border: 1px solid rgba(15, 107, 53, .10);
    box-shadow: 0 24px 60px -44px rgba(6, 65, 31, .26);
    animation: nkSocialFloatSoft 7s ease-in-out infinite;
}

    .naturakoy-sosyalkanit-card:nth-child(odd) {
        animation-delay: .3s;
    }

    .naturakoy-sosyalkanit-card:nth-child(even) {
        animation-delay: .9s;
    }

.naturakoy-sosyalkanit-card-head {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 12px;
    min-width: 0;
}

.naturakoy-sosyalkanit-avatar {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--nk-green-dark), var(--nk-green));
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: 14px;
    font-weight: 700;
}

.naturakoy-sosyalkanit-card-head div {
    min-width: 0;
}

.naturakoy-sosyalkanit-card-head strong {
    display: block;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    word-break: break-word;
}

.naturakoy-sosyalkanit-card-head small {
    display: block;
    margin-top: 2px;
    color: rgba(6, 65, 31, .58);
    font-size: 11px;
    line-height: 1.25;
}

.naturakoy-sosyalkanit-card p {
    margin: 0;
    color: rgba(16, 21, 16, .72);
    font-size: 13.5px;
    line-height: 1.58;
    font-weight: 500;
}

/* GRID POZİSYONLARI - ÜST ÜSTE BİNME YOK */
.naturakoy-sosyalkanit-card-1 {
    grid-column: 1 / 5;
}

.naturakoy-sosyalkanit-tag-1 {
    grid-column: 5 / 9;
}

.naturakoy-sosyalkanit-card-2 {
    grid-column: 9 / 13;
}

.naturakoy-sosyalkanit-card-3 {
    grid-column: 1 / 4;
}

.naturakoy-sosyalkanit-center-card {
    grid-column: 4 / 10;
}

.naturakoy-sosyalkanit-card-4 {
    grid-column: 10 / 13;
}

.naturakoy-sosyalkanit-tag-2 {
    grid-column: 2 / 5;
}

.naturakoy-sosyalkanit-card-5 {
    grid-column: 5 / 9;
}

.naturakoy-sosyalkanit-card-6 {
    grid-column: 9 / 12;
}

/* ORTA MESAJ KARTI */
.naturakoy-sosyalkanit-center-card {
    min-height: 150px;
    padding: 28px 32px;
    border-radius: 30px;
    display: grid;
    align-content: center;
    justify-items: center;
    text-align: center;
    background: radial-gradient(circle at 50% 0%, rgba(255, 247, 223, .7), transparent 45%), linear-gradient(135deg, var(--nk-green-dark), var(--nk-green));
    color: var(--nk-white);
    box-shadow: 0 28px 70px -48px rgba(6, 65, 31, .44);
}

    .naturakoy-sosyalkanit-center-card span {
        margin-bottom: 10px;
        color: var(--nk-cream);
        font-family: var(--nk-font-heading);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .16em;
        text-transform: uppercase;
    }

    .naturakoy-sosyalkanit-center-card strong {
        max-width: 520px;
        color: var(--nk-white);
        font-family: var(--nk-font-heading);
        font-size: clamp(26px, 2.4vw, 42px);
        line-height: 1.04;
        font-weight: 700;
        letter-spacing: -.04em;
    }

/* HASHTAG */
.naturakoy-sosyalkanit-tag {
    min-height: 150px;
    border-radius: 26px;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 20px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: clamp(17px, 1.7vw, 25px);
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.035em;
    background: rgba(255,255,255,.72);
    border: 1px dashed rgba(15, 107, 53, .18);
    animation: nkSocialTagFloat 8s ease-in-out infinite;
}

/* REVEAL */
.naturakoy-sosyalkanit .naturakoy-sosyalkanit-head,
.naturakoy-sosyalkanit .naturakoy-sosyalkanit-layout {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .85s var(--nk-ease), transform .85s var(--nk-ease);
}

.naturakoy-sosyalkanit.is-visible .naturakoy-sosyalkanit-head,
.naturakoy-sosyalkanit.is-visible .naturakoy-sosyalkanit-layout {
    opacity: 1;
    transform: translateY(0);
}

/* ANİMASYONLAR */
@keyframes nkSocialMarqueeLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes nkSocialMarqueeRight {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes nkSocialFloatSoft {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

@keyframes nkSocialTagFloat {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-6px) rotate(-1deg);
    }
}

/* TABLET */
@media (max-width: 1180px) {
    .naturakoy-sosyalkanit {
        padding: 72px 0;
    }

    .naturakoy-sosyalkanit-layout {
        grid-template-columns: repeat(6, 1fr);
        gap: 18px;
    }

    .naturakoy-sosyalkanit-card-1,
    .naturakoy-sosyalkanit-card-2,
    .naturakoy-sosyalkanit-card-3,
    .naturakoy-sosyalkanit-card-4,
    .naturakoy-sosyalkanit-card-5,
    .naturakoy-sosyalkanit-card-6 {
        grid-column: span 3;
    }

    .naturakoy-sosyalkanit-tag-1,
    .naturakoy-sosyalkanit-tag-2 {
        grid-column: span 3;
    }

    .naturakoy-sosyalkanit-center-card {
        grid-column: 1 / -1;
        order: -1;
    }
}

/* MOBİL */
@media (max-width: 767px) {
    .naturakoy-sosyalkanit {
        padding: 58px 0;
    }

    .naturakoy-sosyalkanit-container {
        width: calc(100% - 26px);
    }

    .naturakoy-sosyalkanit-marquee-top {
        margin-bottom: 20px;
    }

    .naturakoy-sosyalkanit-marquee-bottom {
        margin-top: 20px;
    }

    .naturakoy-sosyalkanit-marquee-track {
        gap: 10px;
    }

        .naturakoy-sosyalkanit-marquee-track span {
            min-height: 34px;
            padding: 0 14px;
            font-size: 11px;
        }

    .naturakoy-sosyalkanit-head {
        margin-bottom: 28px;
    }

        .naturakoy-sosyalkanit-head > span {
            margin-bottom: 12px;
            font-size: 10px;
            letter-spacing: .14em;
        }

        .naturakoy-sosyalkanit-head h2 {
            font-size: clamp(32px, 10vw, 46px);
            line-height: 1;
        }

        .naturakoy-sosyalkanit-head p {
            margin-top: 14px;
            font-size: 14px;
            line-height: 1.62;
        }

    .naturakoy-sosyalkanit-layout {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        max-width: 480px;
    }

    .naturakoy-sosyalkanit-card,
    .naturakoy-sosyalkanit-tag,
    .naturakoy-sosyalkanit-center-card {
        grid-column: 1 / -1 !important;
        min-height: auto;
        width: 100%;
    }

    .naturakoy-sosyalkanit-center-card {
        order: -1;
        padding: 24px 20px;
        border-radius: 24px;
    }

        .naturakoy-sosyalkanit-center-card strong {
            font-size: clamp(24px, 8vw, 34px);
        }

    .naturakoy-sosyalkanit-tag {
        padding: 16px;
        font-size: 21px;
        border-radius: 22px;
    }

    .naturakoy-sosyalkanit-card {
        padding: 16px;
        border-radius: 20px;
        animation: none;
    }

    .naturakoy-sosyalkanit-tag {
        animation: none;
    }

    .naturakoy-sosyalkanit-card p {
        font-size: 13px;
    }
}

/* KÜÇÜK MOBİL */
@media (max-width: 420px) {
    .naturakoy-sosyalkanit-container {
        width: calc(100% - 20px);
    }

    .naturakoy-sosyalkanit-head h2 {
        font-size: clamp(30px, 11vw, 40px);
    }

    .naturakoy-sosyalkanit-center-card {
        padding: 22px 16px;
    }

    .naturakoy-sosyalkanit-card-head strong {
        font-size: 13px;
    }

    .naturakoy-sosyalkanit-card p {
        font-size: 12.7px;
    }
}
.naturakoy-franchisebridge,
.naturakoy-franchisebridge * {
    box-sizing: border-box;
}

.naturakoy-franchisebridge {
    position: relative;
    overflow: hidden;
    padding: 105px 0;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-body);
}

/* Eski geçiş detayları varsa kapat */
.naturakoy-franchisebridge-top-wave,
.naturakoy-franchisebridge-bottom-wave {
    display: none !important;
}

/* Arka plan doğal detay */
.naturakoy-franchisebridge-bg {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.naturakoy-franchisebridge-bg-left {
    left: -260px;
    bottom: -240px;
    width: 560px;
    height: 560px;
    background: linear-gradient(180deg, rgba(15,107,53,.08), rgba(15,107,53,.015));
}

.naturakoy-franchisebridge-bg-right {
    right: -180px;
    top: 60px;
    width: 440px;
    height: 440px;
    background: linear-gradient(180deg, rgba(232,207,134,.22), rgba(255,247,223,.02));
}

.naturakoy-franchisebridge-container {
    position: relative;
    z-index: 3;
    width: min(var(--nk-container), calc(100% - 48px));
    margin: 0 auto;
}

.naturakoy-franchisebridge-grid {
    display: grid;
    grid-template-columns: minmax(380px, .92fr) minmax(420px, 1fr);
    align-items: center;
    gap: 58px;
}

/* Sol içerik */
.naturakoy-franchisebridge-content {
    max-width: 660px;
}

.naturakoy-franchisebridge-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

    .naturakoy-franchisebridge-kicker::before {
        content: "";
        width: 42px;
        height: 1px;
        background: rgba(15, 107, 53, .34);
    }

.naturakoy-franchisebridge-content h2 {
    margin: 0;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: clamp(25px, 2.8vw, 45px);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -.055em;
}

    .naturakoy-franchisebridge-content h2 strong {
        display: block;
        color: var(--nk-green);
    }

.naturakoy-franchisebridge-content p {
    max-width: 610px;
    margin: 24px 0 0;
    color: rgba(6, 65, 31, .72);
    font-size: 16.5px;
    line-height: 1.78;
    font-weight: 500;
}

/* CTA */
.naturakoy-franchisebridge-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 34px;
}

.naturakoy-franchisebridge-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 56px;
    padding: 0 14px 0 26px;
    border-radius: var(--nk-radius-pill);
    background: linear-gradient(135deg, var(--nk-green-dark), var(--nk-green));
    color: var(--nk-white);
    text-decoration: none !important;
    font-family: var(--nk-font-heading);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    box-shadow: 0 24px 48px -28px rgba(6, 65, 31, .58);
    transition: transform .35s var(--nk-ease), box-shadow .35s var(--nk-ease), background .35s var(--nk-ease);
}

.naturakoy-franchisebridge-primary-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--nk-white);
    color: var(--nk-green-dark);
    flex: 0 0 38px;
}

    .naturakoy-franchisebridge-primary-icon svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.15;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.naturakoy-franchisebridge-primary:hover {
    transform: translateY(-3px);
    background: linear-gradient(135deg, var(--nk-green), var(--nk-leaf));
    box-shadow: 0 30px 58px -28px rgba(6, 65, 31, .68);
}

.naturakoy-franchisebridge-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 24px;
    border-radius: var(--nk-radius-pill);
    background: var(--nk-cream);
    color: var(--nk-green-dark);
    text-decoration: none !important;
    font-family: var(--nk-font-heading);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .03em;
    border: 1px solid rgba(15, 107, 53, .12);
    transition: transform .35s var(--nk-ease), background .35s var(--nk-ease);
}

    .naturakoy-franchisebridge-secondary:hover {
        transform: translateY(-3px);
        background: var(--nk-cream-2);
    }

/* Sağ panel */
.naturakoy-franchisebridge-panel {
    position: relative;
    border-radius: 36px;
    padding: 28px;
    background: radial-gradient(circle at 88% 8%, rgba(232,207,134,.28), transparent 34%), linear-gradient(135deg, rgba(255,247,223,.82), rgba(255,255,255,.92));
    border: 1px solid rgba(15, 107, 53, .10);
    box-shadow: 0 36px 100px -64px rgba(6, 65, 31, .35);
}

    .naturakoy-franchisebridge-panel::before {
        content: "";
        position: absolute;
        inset: 14px;
        border-radius: 28px;
        border: 1px dashed rgba(15, 107, 53, .13);
        pointer-events: none;
    }

.naturakoy-franchisebridge-panel-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .naturakoy-franchisebridge-panel-head span {
        color: var(--nk-green);
        font-family: var(--nk-font-heading);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .16em;
        text-transform: uppercase;
    }

    .naturakoy-franchisebridge-panel-head strong {
        max-width: 230px;
        text-align: right;
        color: var(--nk-green-dark);
        font-family: var(--nk-font-heading);
        font-size: 28px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -.04em;
    }

/* Steps */
.naturakoy-franchisebridge-steps {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.naturakoy-franchisebridge-step {
    position: relative;
    min-height: 150px;
    padding: 22px 18px 20px;
    border-radius: 24px;
    background: rgba(255, 255, 255, .76);
    border: 1px solid rgba(15, 107, 53, .09);
    box-shadow: 0 22px 50px -38px rgba(6, 65, 31, .22);
    transition: transform .35s var(--nk-ease), box-shadow .35s var(--nk-ease), background .35s var(--nk-ease);
}

    .naturakoy-franchisebridge-step:hover {
        transform: translateY(-5px);
        background: var(--nk-white);
        box-shadow: 0 28px 60px -40px rgba(6, 65, 31, .34);
    }

.naturakoy-franchisebridge-step-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--nk-green-dark), var(--nk-green));
    color: var(--nk-white);
}

    .naturakoy-franchisebridge-step-icon svg {
        width: 34px;
        height: 34px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.naturakoy-franchisebridge-step span {
    display: block;
    margin-bottom: 7px;
    color: var(--nk-leaf);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
}

.naturakoy-franchisebridge-step h3 {
    margin: 0;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: 22px;
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -.025em;
}

/* Reveal */
.nk-franchisebridge-reveal-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .85s var(--nk-ease), transform .85s var(--nk-ease);
}

.nk-franchisebridge-delay-1 {
    transition-delay: .14s;
}

.nk-franchisebridge-reveal-section.is-visible .nk-franchisebridge-reveal-up {
    opacity: 1;
    transform: translateY(0);
}

/* Tablet */
@media (max-width: 1180px) {
    .naturakoy-franchisebridge {
        padding: 84px 0;
    }

    .naturakoy-franchisebridge-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .naturakoy-franchisebridge-content {
        max-width: 820px;
        margin: 0 auto;
        text-align: center;
    }

    .naturakoy-franchisebridge-kicker {
        justify-content: center;
    }

        .naturakoy-franchisebridge-kicker::before {
            display: none;
        }

    .naturakoy-franchisebridge-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .naturakoy-franchisebridge-actions {
        justify-content: center;
    }

    .naturakoy-franchisebridge-panel {
        max-width: 820px;
        margin: 0 auto;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .naturakoy-franchisebridge {
        padding: 64px 0;
    }

    .naturakoy-franchisebridge-container {
        width: calc(100% - 28px);
    }

    .naturakoy-franchisebridge-content h2 {
        font-size: clamp(32px, 10vw, 48px);
        line-height: 1;
    }

    .naturakoy-franchisebridge-content p {
        margin-top: 18px;
        font-size: 14.5px;
        line-height: 1.65;
    }

    .naturakoy-franchisebridge-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 26px;
    }

    .naturakoy-franchisebridge-primary,
    .naturakoy-franchisebridge-secondary {
        width: 100%;
        min-height: 52px;
    }

    .naturakoy-franchisebridge-primary {
        padding-left: 20px;
    }

    .naturakoy-franchisebridge-panel {
        padding: 20px;
        border-radius: 28px;
    }

        .naturakoy-franchisebridge-panel::before {
            inset: 10px;
            border-radius: 22px;
        }

    .naturakoy-franchisebridge-panel-head {
        display: grid;
        gap: 8px;
        text-align: center;
        justify-items: center;
        margin-bottom: 18px;
    }

        .naturakoy-franchisebridge-panel-head strong {
            text-align: center;
            font-size: 26px;
        }

    .naturakoy-franchisebridge-steps {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .naturakoy-franchisebridge-step {
        min-height: auto;
        padding: 18px 16px;
        display: grid;
        grid-template-columns: 54px 1fr;
        align-items: center;
        gap: 14px;
    }

    .naturakoy-franchisebridge-step-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 0;
        border-radius: 16px;
    }

    .naturakoy-franchisebridge-step h3 {
        font-size: 20px;
    }
}

@media (max-width: 420px) {
    .naturakoy-franchisebridge-container {
        width: calc(100% - 22px);
    }

    .naturakoy-franchisebridge-content h2 {
        font-size: clamp(30px, 11vw, 42px);
    }

    .naturakoy-franchisebridge-step {
        grid-template-columns: 50px 1fr;
    }

    .naturakoy-franchisebridge-step-icon {
        width: 50px;
        height: 50px;
    }

    .naturakoy-franchisebridge-step h3 {
        font-size: 18px;
    }
}
.naturakoy-footer,
.naturakoy-footer * {
    box-sizing: border-box;
}

.naturakoy-footer {
    position: relative;
    overflow: hidden;
    padding: 165px 0 34px;
    color: var(--nk-white);
    background: radial-gradient(circle at 8% 18%, rgba(255, 247, 223, .12), transparent 24%), radial-gradient(circle at 88% 20%, rgba(131, 182, 63, .18), transparent 28%), linear-gradient( 135deg, var(--nk-green-deep) 0%, var(--nk-green-dark) 48%, var(--nk-green) 100% );
    font-family: var(--nk-font-body);
}

/* SADECE ÜST GEÇİŞ */
.naturakoy-footer-top-wave {
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 128px;
    z-index: 5;
    pointer-events: none;
    overflow: hidden;
}

    .naturakoy-footer-top-wave svg {
        width: 100%;
        height: 100%;
        display: block;
    }

.naturakoy-footer-wave-white {
    fill: var(--nk-white);
}

.naturakoy-footer-wave-soft {
    fill: rgba(255, 247, 223, .18);
    animation: naturakoyFooterWaveMove 9s ease-in-out infinite;
}

@keyframes naturakoyFooterWaveMove {
    0%, 100% {
        transform: translateX(0);
        opacity: .55;
    }

    50% {
        transform: translateX(-34px);
        opacity: .9;
    }
}

/* ARKA PLAN FORMLARI */
.naturakoy-footer-bg-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.naturakoy-footer-bg-shape-left {
    left: -260px;
    top: 58px;
    width: 620px;
    height: 620px;
    background: linear-gradient( 180deg, rgba(255,255,255,.10), rgba(255,255,255,.025) );
}

.naturakoy-footer-bg-shape-right {
    right: -220px;
    top: -40px;
    width: 520px;
    height: 520px;
    background: linear-gradient( 180deg, rgba(131,182,63,.22), rgba(255,255,255,.025) );
}

.naturakoy-footer-container {
    position: relative;
    z-index: 3;
    width: min(var(--nk-container), calc(100% - 56px));
    margin: 0 auto;
}

.naturakoy-footer-main {
    display: grid;
    grid-template-columns: minmax(320px, 440px) 1fr;
    gap: 72px;
    align-items: start;
}

/* BRAND */
.naturakoy-footer-brand {
    max-width: 440px;
}

.naturakoy-footer-logo {
    display: inline-flex;
    align-items: center;
    width: 180px;
    max-width: 100%;
    text-decoration: none;
}

    .naturakoy-footer-logo img {
        width: 100%;
        height: auto;
        display: block;
    }

.naturakoy-footer-brand p {
    margin: 28px 0 0;
    max-width: 420px;
    color: rgba(255,255,255,.78);
    font-size: 15.5px;
    line-height: 1.78;
    font-weight: 500;
}

.naturakoy-footer-cta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.naturakoy-footer-primary-link,
.naturakoy-footer-ghost-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: var(--nk-radius-pill);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-decoration: none !important;
    transition: transform .35s var(--nk-ease), background .35s var(--nk-ease), color .35s var(--nk-ease);
}

.naturakoy-footer-primary-link {
    background: var(--nk-white);
    color: var(--nk-green-dark);
}

    .naturakoy-footer-primary-link:hover {
        transform: translateY(-3px);
        background: var(--nk-cream);
        color: var(--nk-green-deep);
    }

.naturakoy-footer-ghost-link {
    background: rgba(255,255,255,.08);
    color: var(--nk-white);
    border: 1px solid rgba(255,255,255,.18);
}

    .naturakoy-footer-ghost-link:hover {
        transform: translateY(-3px);
        background: rgba(255,255,255,.14);
    }

/* LINK ALANI */
.naturakoy-footer-links {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 36px;
}

.naturakoy-footer-col h3,
.naturakoy-footer-contact h3 {
    margin: 0 0 22px;
    color: var(--nk-cream);
    font-family: var(--nk-font-heading);
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.naturakoy-footer-col nav {
    display: grid;
    gap: 14px;
}

    .naturakoy-footer-col nav a {
        position: relative;
        width: fit-content;
        color: rgba(255,255,255,.82);
        text-decoration: none !important;
        font-size: 15px;
        line-height: 1.35;
        font-weight: 600;
        transition: color .3s var(--nk-ease), transform .3s var(--nk-ease);
    }

        .naturakoy-footer-col nav a::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -4px;
            width: 0;
            height: 1px;
            background: var(--nk-straw);
            transition: width .3s var(--nk-ease);
        }

        .naturakoy-footer-col nav a:hover {
            color: var(--nk-white);
            transform: translateX(4px);
        }

            .naturakoy-footer-col nav a:hover::after {
                width: 100%;
            }

/* CONTACT */
.naturakoy-footer-contact {
    min-width: 0;
}

.naturakoy-footer-contact-item {
    display: grid;
    grid-template-columns: 36px 1fr;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
    color: rgba(255,255,255,.84);
    text-decoration: none !important;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    min-width: 0;
    transition: color .3s var(--nk-ease), transform .3s var(--nk-ease);
}

    .naturakoy-footer-contact-item span {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: rgba(255,255,255,.10);
        color: var(--nk-cream);
        border: 1px solid rgba(255,255,255,.12);
    }

    .naturakoy-footer-contact-item svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.1;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .naturakoy-footer-contact-item:hover {
        color: var(--nk-white);
        transform: translateX(4px);
    }

/* SOCIAL */
.naturakoy-footer-social {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 24px;
}

    .naturakoy-footer-social a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: var(--nk-green-dark);
        background: var(--nk-white);
        text-decoration: none !important;
        transition: transform .35s var(--nk-ease), background .35s var(--nk-ease), color .35s var(--nk-ease);
    }

        .naturakoy-footer-social a:hover {
            transform: translateY(-4px);
            background: var(--nk-cream);
            color: var(--nk-green-deep);
        }

    .naturakoy-footer-social svg {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.1;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

/* BOTTOM */
.naturakoy-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 82px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,.14);
}

    .naturakoy-footer-bottom p {
        margin: 0;
        color: rgba(255,255,255,.68);
        font-size: 13px;
        line-height: 1.5;
        font-weight: 600;
    }

.naturakoy-footer-bottom-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}

    .naturakoy-footer-bottom-links a {
        color: rgba(255,255,255,.68);
        text-decoration: none !important;
        font-size: 13px;
        font-weight: 600;
        transition: color .3s var(--nk-ease);
    }

        .naturakoy-footer-bottom-links a:hover {
            color: var(--nk-white);
        }

/* TABLET */
@media (max-width: 1180px) {
    .naturakoy-footer {
        padding-top: 145px;
    }

    .naturakoy-footer-main {
        grid-template-columns: 1fr;
        gap: 56px;
    }

    .naturakoy-footer-brand {
        max-width: 720px;
    }

    .naturakoy-footer-links {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .naturakoy-footer {
        padding: 118px 0 28px;
    }

    .naturakoy-footer-top-wave {
        height: 86px;
    }

    .naturakoy-footer-container {
        width: calc(100% - 28px);
    }

    .naturakoy-footer-main {
        gap: 44px;
    }

    .naturakoy-footer-logo {
        width: 150px;
    }

    .naturakoy-footer-brand p {
        margin-top: 22px;
        font-size: 14.5px;
        line-height: 1.72;
    }

    .naturakoy-footer-cta {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .naturakoy-footer-primary-link,
    .naturakoy-footer-ghost-link {
        width: 100%;
        min-height: 46px;
    }

    .naturakoy-footer-links {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .naturakoy-footer-col h3,
    .naturakoy-footer-contact h3 {
        margin-bottom: 16px;
    }

    .naturakoy-footer-col nav {
        gap: 12px;
    }

        .naturakoy-footer-col nav a {
            font-size: 14.5px;
        }

    .naturakoy-footer-bottom {
        display: grid;
        gap: 14px;
        margin-top: 50px;
        padding-top: 22px;
    }

    .naturakoy-footer-bottom-links {
        gap: 12px;
    }

    .naturakoy-footer-bg-shape-left {
        left: -340px;
        top: 90px;
    }

    .naturakoy-footer-bg-shape-right {
        right: -300px;
        top: 20px;
    }
}

@media (max-width: 420px) {
    .naturakoy-footer-container {
        width: calc(100% - 22px);
    }

    .naturakoy-footer-logo {
        width: 138px;
    }

    .naturakoy-footer-bottom-links {
        display: grid;
        gap: 9px;
    }
}
.naturakoy-ustheader-premium {
    position: relative;
    width: 100%;
    min-height: 460px;
    display: flex;
    align-items: center;
    background-color: #004B23;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 60px;
}

/* ==========================================================================
   ARKA PLAN & KİNETİK OBJELER
   ========================================================================== */
.naturakoy-ustheader-bg-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}

.naturakoy-ustheader-glow-primary {
    position: absolute;
    top: -20%;
    left: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(112, 182, 44, 0.15) 0%, transparent 60%);
    border-radius: 50%;
    filter: blur(50px);
    animation: naturakoyPulse 8s ease-in-out infinite alternate;
}

.naturakoy-ustheader-glow-secondary {
    position: absolute;
    bottom: -30%;
    right: 10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(251, 176, 59, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
}

.naturakoy-ustheader-abstract-shape {
    position: absolute;
    top: 50%;
    right: 5%;
    width: 400px;
    height: 400px;
    transform: translateY(-50%);
    opacity: 0.8;
    animation: naturakoyRotate 40s linear infinite;
}

/* ==========================================================================
   İÇERİK VE TİPOGRAFİ (CONTAINER YAPISI İLE)
   ========================================================================== */
.naturakoy-ustheader-wrapper {
    position: relative;
    z-index: 3;
    /* Yeni nesil, tek satırda responsive container yapısı */
    width: min(var(--nk-container), calc(100% - 48px));
    margin: 0 auto;
    box-sizing: border-box;
}

.naturakoy-ustheader-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 800px;
}

/* Breadcrumb Kapsayıcı */
.naturakoy-ustheader-bread {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 8px 20px;
    border-radius: 100px;
    margin-bottom: 30px;
    backdrop-filter: blur(10px);
}

/* Breadcrumb Linkleri - Body Fontu */
.naturakoy-ustheader-bread-link {
    font-family: var(--nk-font-body);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.naturakoy-ustheader-bread-link svg {
    width: 16px;
    height: 16px;
}

.naturakoy-ustheader-bread-link:hover {
    color: #fff;
}

.naturakoy-ustheader-bread-sep {
    width: 4px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin: 0 15px;
}

/* Breadcrumb Aktif Sayfa - Body Fontu */
.naturakoy-ustheader-bread-current {
    font-family: var(--nk-font-body);
    color: #FBB03B;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Sayfa Başlığı Kapsayıcı */
.naturakoy-ustheader-title-box {
    position: relative;
    margin-bottom: 25px;
}

/* Sayfa Başlığı - Heading Fontu */
.naturakoy-ustheader-page-title {
    font-family: var(--nk-font-heading);
    margin: 0;
    color: #FFFFFF;
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -1.5px;
    line-height: 1.1;
}

.naturakoy-ustheader-animated-line {
    width: 0;
    height: 4px;
    background: linear-gradient(90deg, #FBB03B, transparent);
    border-radius: 10px;
    margin-top: 15px;
    animation: naturakoyExpandLine 1s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;
}

/* Alt Açıklama - Body Fontu */
.naturakoy-ustheader-description {
    font-family: var(--nk-font-body);
    margin: 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}

/* Akışkan Sıvı Geçiş */
.naturakoy-ustheader-bottom-curve {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 2;
    pointer-events: none;
}

.naturakoy-ustheader-bottom-curve svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* ==========================================================================
   ANİMASYONLAR
   ========================================================================== */
.animate-item-1 { opacity: 0; animation: naturakoyFadeUp 0.8s ease forwards 0.2s; }
.animate-item-2 { opacity: 0; animation: naturakoyFadeUp 0.8s ease forwards 0.4s; }
.animate-item-3 { opacity: 0; animation: naturakoyFadeUp 0.8s ease forwards 0.6s; }

@keyframes naturakoyFadeUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes naturakoyExpandLine {
    0% { width: 0; }
    100% { width: 120px; }
}

@keyframes naturakoyRotate {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}

@keyframes naturakoyPulse {
    0% { opacity: 0.6; transform: scale(0.9); }
    100% { opacity: 1; transform: scale(1.1); }
}

/* ==========================================================================
   MOBİL & TABLET UYUMU
   ========================================================================== */
@media (max-width: 1024px) {
    .naturakoy-ustheader-abstract-shape {
        width: 300px;
        height: 300px;
        right: -10%;
    }
}

@media (max-width: 768px) {
    .naturakoy-ustheader-premium {
        min-height: 380px;
        padding-top: 40px;
    }
    .naturakoy-ustheader-page-title {
        font-size: 38px;
    }
    .naturakoy-ustheader-description {
        font-size: 15px;
    }
    .naturakoy-ustheader-bottom-curve {
        height: 70px;
    }
    .naturakoy-ustheader-abstract-shape {
        display: none;
    }
}
.naturakoy-iletisimpage-section,
.naturakoy-iletisimpage-section * {
    box-sizing: border-box;
}

.naturakoy-iletisimpage-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    background-color: #fffdf9;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-body);
}

.naturakoy-iletisimpage-bg {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.naturakoy-iletisimpage-bg-left {
    left: -260px;
    bottom: -240px;
    width: 560px;
    height: 560px;
    background: linear-gradient(180deg, rgba(15,107,53,.08), rgba(15,107,53,.015));
}

.naturakoy-iletisimpage-bg-right {
    right: -180px;
    top: 70px;
    width: 440px;
    height: 440px;
    background: linear-gradient(180deg, rgba(232,207,134,.22), rgba(255,247,223,.02));
}

.naturakoy-iletisimpage-wrapper {
    position: relative;
    z-index: 2;
    width: min(var(--nk-container), calc(100% - 48px));
    margin: 0 auto;
}

.naturakoy-iletisimpage-head {
    max-width: 820px;
    margin: 0 auto 58px;
    text-align: center;
}

.naturakoy-iletisimpage-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.naturakoy-iletisimpage-kicker::before,
.naturakoy-iletisimpage-kicker::after {
    content: "";
    width: 34px;
    height: 1px;
    background: rgba(15, 107, 53, .34);
}

.naturakoy-iletisimpage-head h1 {
    margin: 0;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: clamp(33px, 4.4vw, 65px);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -.055em;
}

.naturakoy-iletisimpage-head p {
    max-width: 700px;
    margin: 20px auto 0;
    color: rgba(6, 65, 31, .70);
    font-size: 16.5px;
    line-height: 1.72;
    font-weight: 500;
}

.naturakoy-iletisimpage-grid {
    display: grid;
    grid-template-columns: minmax(360px, .85fr) minmax(460px, 1fr);
    gap: 34px;
    align-items: stretch;
}

.naturakoy-iletisimpage-info-box,
.naturakoy-iletisimpage-form-box {
    position: relative;
    border-radius: 36px;
    border: 1px solid rgba(15, 107, 53, .10);
    box-shadow: 0 34px 90px -62px rgba(6, 65, 31, .32);
}

.naturakoy-iletisimpage-info-box {
    padding: 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 8%, rgba(232,207,134,.24), transparent 34%),
        linear-gradient(135deg, var(--nk-green-dark), var(--nk-green));
    color: var(--nk-white);
}

.naturakoy-iletisimpage-info-box::before {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -160px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
}

.naturakoy-iletisimpage-info-top {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
}

.naturakoy-iletisimpage-info-top span {
    display: block;
    margin-bottom: 10px;
    color: var(--nk-cream);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.naturakoy-iletisimpage-info-top strong {
    display: block;
    max-width: 500px;
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: clamp(24px, 2.4vw, 37px);
    line-height: 1.04;
    font-weight: 700;
    letter-spacing: -.04em;
}

.naturakoy-iletisimpage-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 16px;
}

.naturakoy-iletisimpage-item {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 16px;
    align-items: start;
    padding: 18px;
    border-radius: 24px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.12);
    transition: transform .35s var(--nk-ease), background .35s var(--nk-ease);
}

.naturakoy-iletisimpage-item:hover {
    transform: translateY(-4px);
    background: rgba(255,255,255,.13);
}

.naturakoy-iletisimpage-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: var(--nk-white);
    color: var(--nk-green-dark);
    box-shadow: 0 18px 34px -24px rgba(0,0,0,.28);
}

.naturakoy-iletisimpage-icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.naturakoy-iletisimpage-details {
    min-width: 0;
}

.naturakoy-iletisimpage-label {
    display: block;
    margin-bottom: 6px;
    color: var(--nk-cream);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.naturakoy-iletisimpage-text,
.naturakoy-iletisimpage-link {
    color: rgba(255,255,255,.86);
    font-size: 15px;
    line-height: 1.55;
    font-weight: 600;
    text-decoration: none !important;
    word-break: break-word;
}

.naturakoy-iletisimpage-link:hover {
    color: var(--nk-white);
}

.naturakoy-iletisimpage-mini-card {
    position: relative;
    z-index: 2;
    margin-top: 22px;
    padding: 22px;
    border-radius: 26px;
    background: rgba(255,247,223,.12);
    border: 1px dashed rgba(255,247,223,.22);
}

.naturakoy-iletisimpage-mini-card span {
    display: block;
    margin-bottom: 8px;
    color: var(--nk-cream);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.naturakoy-iletisimpage-mini-card strong {
    display: block;
    color: var(--nk-white);
    font-size: 15px;
    line-height: 1.55;
    font-weight: 700;
}

.naturakoy-iletisimpage-form-box {
    padding: 34px;
    background:
        radial-gradient(circle at 88% 8%, rgba(232,207,134,.20), transparent 34%),
        linear-gradient(135deg, rgba(255,247,223,.74), rgba(255,255,255,.92));
}

.naturakoy-iletisimpage-form-head {
    margin-bottom: 24px;
}

.naturakoy-iletisimpage-form-head span {
    display: block;
    margin-bottom: 10px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.naturakoy-iletisimpage-form-title {
    margin: 0;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: clamp(24px, 2.4vw, 37px);
    line-height: 1.04;
    font-weight: 700;
    letter-spacing: -.04em;
}

.naturakoy-iletisimpage-message {
    margin-bottom: 18px;
}

.naturakoy-iletisimpage-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.naturakoy-iletisimpage-form-group {
    position: relative;
    margin-bottom: 16px;
}

.naturakoy-iletisimpage-form-label {
    display: block;
    margin-bottom: 8px;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.naturakoy-iletisimpage-input,
.naturakoy-iletisimpage-textarea {
    width: 100% !important;
    border: 1px solid rgba(15, 107, 53, .13) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.84) !important;
    color: var(--nk-green-dark) !important;
    font-family: var(--nk-font-body) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    outline: none !important;
    box-shadow: 0 18px 38px -34px rgba(6, 65, 31, .30) !important;
    transition:
        border-color .3s var(--nk-ease),
        box-shadow .3s var(--nk-ease),
        background .3s var(--nk-ease),
        transform .3s var(--nk-ease) !important;
}

.naturakoy-iletisimpage-input {
    height: 56px !important;
    padding: 0 18px !important;
}

.naturakoy-iletisimpage-textarea {
    min-height: 142px !important;
    resize: vertical !important;
    padding: 17px 18px !important;
    line-height: 1.6 !important;
}

.naturakoy-iletisimpage-input::placeholder,
.naturakoy-iletisimpage-textarea::placeholder {
    color: rgba(6, 65, 31, .38) !important;
}

.naturakoy-iletisimpage-input:focus,
.naturakoy-iletisimpage-textarea:focus {
    border-color: rgba(15, 107, 53, .42) !important;
    background: var(--nk-white) !important;
    box-shadow:
        0 22px 44px -34px rgba(6, 65, 31, .34),
        0 0 0 4px rgba(15, 107, 53, .08) !important;
    transform: translateY(-1px) !important;
}

.naturakoy-iletisimpage-submit {
    width: 100% !important;
    min-height: 58px !important;
    border: 0 !important;
    border-radius: var(--nk-radius-pill) !important;
    background: linear-gradient(135deg, var(--nk-green-dark), var(--nk-green)) !important;
    color: var(--nk-white) !important;
    font-family: var(--nk-font-heading) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 24px 52px -30px rgba(6, 65, 31, .60) !important;
    transition:
        transform .35s var(--nk-ease),
        box-shadow .35s var(--nk-ease),
        background .35s var(--nk-ease) !important;
}

.naturakoy-iletisimpage-submit:hover {
    transform: translateY(-3px) !important;
    background: linear-gradient(135deg, var(--nk-green), var(--nk-leaf)) !important;
    box-shadow: 0 30px 62px -30px rgba(6, 65, 31, .68) !important;
}

/* Reveal */
.nk-contact-reveal-up {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity .85s var(--nk-ease),
        transform .85s var(--nk-ease);
}

.nk-contact-delay-1 {
    transition-delay: .14s;
}

.nk-contact-reveal-section.is-visible .nk-contact-reveal-up {
    opacity: 1;
    transform: translateY(0);
}

/* Tablet */
@media (max-width: 1180px) {
    .naturakoy-iletisimpage-section {
        padding: 92px 0;
    }

    .naturakoy-iletisimpage-grid {
        grid-template-columns: 1fr;
    }

    .naturakoy-iletisimpage-info-box,
    .naturakoy-iletisimpage-form-box {
        max-width: 860px;
        width: 100%;
        margin: 0 auto;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .naturakoy-iletisimpage-section {
        padding: 68px 0;
    }

    .naturakoy-iletisimpage-wrapper {
        width: calc(100% - 28px);
    }

    .naturakoy-iletisimpage-head {
        margin-bottom: 34px;
    }

    .naturakoy-iletisimpage-kicker {
        font-size: 10px;
        letter-spacing: .14em;
    }

    .naturakoy-iletisimpage-kicker::before,
    .naturakoy-iletisimpage-kicker::after {
        width: 22px;
    }

    .naturakoy-iletisimpage-head h1 {
        font-size: clamp(32px, 10vw, 46px);
        line-height: 1;
    }

    .naturakoy-iletisimpage-head p {
        margin-top: 14px;
        font-size: 14.5px;
        line-height: 1.64;
    }

    .naturakoy-iletisimpage-info-box,
    .naturakoy-iletisimpage-form-box {
        padding: 22px;
        border-radius: 28px;
    }

    .naturakoy-iletisimpage-info-top strong,
    .naturakoy-iletisimpage-form-title {
        font-size: 28px;
    }

    .naturakoy-iletisimpage-item {
        grid-template-columns: 50px 1fr;
        gap: 13px;
        padding: 15px;
        border-radius: 20px;
    }

    .naturakoy-iletisimpage-icon {
        width: 50px;
        height: 50px;
        border-radius: 15px;
    }

    .naturakoy-iletisimpage-icon svg {
        width: 23px;
        height: 23px;
    }

    .naturakoy-iletisimpage-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .naturakoy-iletisimpage-input {
        height: 52px !important;
    }

    .naturakoy-iletisimpage-textarea {
        min-height: 130px !important;
    }
}

@media (max-width: 420px) {
    .naturakoy-iletisimpage-wrapper {
        width: calc(100% - 22px);
    }

    .naturakoy-iletisimpage-info-box,
    .naturakoy-iletisimpage-form-box {
        padding: 18px;
    }

    .naturakoy-iletisimpage-item {
        grid-template-columns: 1fr;
    }
}
.alert {
    font-family: var(--nk-font-body);
    position: relative;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    /* Ekrana gelirken yumuşakça aşağı kayarak belirme animasyonu */
    animation: nkAlertSlide 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
}

/* Hata Mesajı (alert-danger) */
.alert-danger {
    background-color: #FEF2F2; /* Çok açık pastel kırmızı */
    color: #991B1B; /* Koyu, okunabilir kırmızı */
    border: 1px solid #FECACA;
    border-left: 5px solid #EF4444; /* Vurgulu sol çizgi */
}

/* Başarılı Mesajı (alert-success) */
.alert-success {
    background-color: #F0FDF4; /* Çok açık pastel yeşil */
    color: #166534; /* Koyu, okunabilir yeşil */
    border: 1px solid #BBF7D0;
    border-left: 5px solid #22C55E; /* Vurgulu sol çizgi */
}

/* Standart Bootstrap mb-2 (Margin Bottom) Sınıfı */
.mb-2 {
    margin-bottom: 0.5rem !important; /* Yaklaşık 8px boşluk bırakır */
}

/* Alert Animasyonu */
@keyframes nkAlertSlide {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.naturakoy-iletisimpage-success {
    text-align: center;
    padding: 60px 40px;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 1px solid rgba(112, 182, 44, 0.15);
    box-shadow: 0 15px 40px rgba(0, 75, 35, 0.04);
    animation: nkSuccessFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Yuvarlak Yeşil Onay İkonu */
.naturakoy-iletisimpage-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #F0FDF4; /* Çok açık pastel yeşil */
    color: #70B62C;
    font-size: 40px;
    font-weight: bold;
    border-radius: 50%;
    margin-bottom: 24px;
    box-shadow: 0 0 0 10px rgba(112, 182, 44, 0.08); /* Dışarıya doğru hafif ışık süzmesi */
    transform: scale(0); /* Animasyon başlangıcı için 0 */
    animation: nkSuccessPop 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}

/* Başarı Başlığı */
.naturakoy-iletisimpage-success-title {
    font-family: var(--nk-font-heading);
    color: #004B23;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 12px 0;
    opacity: 0;
    animation: nkSuccessSlideUp 0.5s ease forwards 0.4s;
}

/* Başarı Açıklaması */
.naturakoy-iletisimpage-success-desc {
    font-family: var(--nk-font-body);
    color: #4A5568;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    opacity: 0;
    animation: nkSuccessSlideUp 0.5s ease forwards 0.5s;
}

/* ==========================================================================
   Özel Başarı Animasyonları
   ========================================================================== */

@keyframes nkSuccessFadeIn {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes nkSuccessPop {
    0% { transform: scale(0); }
    60% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

@keyframes nkSuccessSlideUp {
    0% { opacity: 0; transform: translateY(15px); }
    100% { opacity: 1; transform: translateY(0); }
}
.naturakoy-galeripage-section,
.naturakoy-galeripage-section *,
.naturakoy-galeripage-lightbox,
.naturakoy-galeripage-lightbox * {
    box-sizing: border-box;
}

.naturakoy-galeripage-section {
    position: relative;
    overflow: hidden;
    padding: 130px 0 134px;
    background: radial-gradient(circle at 8% 18%, rgba(1,145,76,.055), transparent 24%), radial-gradient(circle at 92% 18%, rgba(131,182,63,.07), transparent 26%), linear-gradient(180deg, var(--nk-white) 0%, #fbfff8 48%, var(--nk-white) 100%);
    color: var(--nk-green-dark);
    font-family: var(--nk-font-body);
}

/* GEÇİŞ */
.naturakoy-galeripage-top-wave,
.naturakoy-galeripage-bottom-wave {
    position: absolute;
    left: 0;
    right: 0;
    height: 86px;
    z-index: 5;
    pointer-events: none;
    overflow: hidden;
}

.naturakoy-galeripage-top-wave {
    top: -1px;
}

.naturakoy-galeripage-bottom-wave {
    bottom: -1px;
}

    .naturakoy-galeripage-top-wave svg,
    .naturakoy-galeripage-bottom-wave svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .naturakoy-galeripage-top-wave path,
    .naturakoy-galeripage-bottom-wave path {
        fill: var(--nk-white);
    }

/* ARKA PLAN */
.naturakoy-galeripage-bg {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
}

.naturakoy-galeripage-bg-left {
    left: -260px;
    top: 190px;
    width: 560px;
    height: 560px;
    background: linear-gradient(180deg, rgba(1,145,76,.075), rgba(1,145,76,.012));
}

.naturakoy-galeripage-bg-right {
    right: -220px;
    bottom: 120px;
    width: 520px;
    height: 520px;
    background: linear-gradient(180deg, rgba(131,182,63,.11), rgba(255,255,255,.02));
}

.naturakoy-galeripage-wrapper {
    position: relative;
    z-index: 3;
    width: min(1320px, calc(100% - 56px));
    margin: 0 auto;
}

/* BAŞLIK */
.naturakoy-galeripage-head {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.naturakoy-galeripage-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

    .naturakoy-galeripage-kicker::before,
    .naturakoy-galeripage-kicker::after {
        content: "";
        width: 34px;
        height: 1px;
        background: rgba(1,145,76,.34);
    }

.naturakoy-galeripage-head h1 {
    margin: 0;
    color: var(--nk-green-dark);
    font-family: var(--nk-font-heading);
    font-size: clamp(38px, 4.6vw, 76px);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -.055em;
}

.naturakoy-galeripage-head p {
    max-width: 700px;
    margin: 20px auto 0;
    color: rgba(35,103,52,.72);
    font-size: 16.5px;
    line-height: 1.72;
    font-weight: 500;
}

/* ÜST BİLGİ KARTI */
.naturakoy-galeripage-intro {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 22px;
    align-items: center;
    width: 100%;
    margin: 0 auto 28px;
    padding: 22px 24px;
    border-radius: 30px;
    background: linear-gradient(135deg, rgba(255,247,223,.68), rgba(255,255,255,.94));
    border: 1px solid rgba(1,145,76,.10);
    box-shadow: 0 28px 72px -62px rgba(35,103,52,.32);
    overflow: hidden;
}

    .naturakoy-galeripage-intro::after {
        content: "";
        position: absolute;
        left: 24px;
        right: 24px;
        bottom: 0;
        height: 3px;
        background: linear-gradient(90deg, var(--nk-green-dark), var(--nk-green), var(--nk-leaf));
        transform-origin: left;
        animation: naturakoyGaleripageIntroLine 4.2s var(--nk-ease) infinite;
    }

.naturakoy-galeripage-intro-text {
    display: grid;
    gap: 7px;
    min-width: 0;
}

    .naturakoy-galeripage-intro-text span {
        color: var(--nk-green);
        font-family: var(--nk-font-heading);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .16em;
        text-transform: uppercase;
    }

    .naturakoy-galeripage-intro-text strong {
        color: var(--nk-green-dark);
        font-family: var(--nk-font-heading);
        font-size: clamp(24px, 2.1vw, 36px);
        line-height: 1.08;
        font-weight: 700;
        letter-spacing: -.04em;
    }

.naturakoy-galeripage-intro-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: var(--nk-radius-pill);
    background: linear-gradient(135deg, var(--nk-green-dark), var(--nk-green));
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* GALERİ GRID */
.naturakoy-galeripage-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 1.6vw, 24px);
    width: 100%;
    margin: 0 auto;
    align-items: stretch;
}

.naturakoy-galeripage-card {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    padding: 8px;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,247,223,.72));
    border: 1px solid rgba(1,145,76,.10);
    box-shadow: 0 24px 70px -52px rgba(35,103,52,.44), inset 0 1px 0 rgba(255,255,255,.92);
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .75s var(--nk-ease), transform .75s var(--nk-ease), box-shadow .45s var(--nk-ease), border-color .45s var(--nk-ease);
}

    .naturakoy-galeripage-card:hover {
        transform: translateY(-8px);
        border-color: rgba(1,145,76,.22);
        box-shadow: 0 34px 90px -54px rgba(35,103,52,.56), inset 0 1px 0 rgba(255,255,255,.96);
    }

.naturakoy-galeripage-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    overflow: hidden;
    text-decoration: none !important;
    background: var(--nk-cream);
    color: inherit;
}

.naturakoy-galeripage-image {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
}

    .naturakoy-galeripage-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center center;
        transform: scale(1.02);
        filter: saturate(1.02) contrast(1.02);
        transition: transform .75s var(--nk-ease), filter .75s var(--nk-ease);
    }

.naturakoy-galeripage-card:hover .naturakoy-galeripage-image img {
    transform: scale(1.09);
    filter: saturate(1.08) contrast(1.04);
}

.naturakoy-galeripage-link::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient( 180deg, rgba(3,43,21,.02) 0%, rgba(3,43,21,.08) 42%, rgba(3,43,21,.68) 100% );
    opacity: .78;
    transition: opacity .45s var(--nk-ease);
}

.naturakoy-galeripage-card:hover .naturakoy-galeripage-link::before {
    opacity: .92;
}

/* KART ÜST NUMARA */
.naturakoy-galeripage-card-top {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 5;
    display: flex;
}

    .naturakoy-galeripage-card-top span {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: rgba(255,255,255,.92);
        color: var(--nk-green-dark);
        font-family: var(--nk-font-heading);
        font-size: 12px;
        font-weight: 700;
        box-shadow: 0 16px 34px -24px rgba(0,0,0,.34);
        backdrop-filter: blur(10px);
    }

/* KART ALT */
.naturakoy-galeripage-card-bottom {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 5;
    display: grid;
    grid-template-columns: 1fr 42px;
    align-items: end;
    gap: 12px;
}

.naturakoy-galeripage-card-title {
    display: block;
    max-width: 100%;
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -.01em;
    text-shadow: 0 8px 24px rgba(0,0,0,.32);
    transform: translateY(6px);
    opacity: .92;
    transition: transform .4s var(--nk-ease), opacity .4s var(--nk-ease);
}

.naturakoy-galeripage-card:hover .naturakoy-galeripage-card-title {
    transform: translateY(0);
    opacity: 1;
}

.naturakoy-galeripage-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--nk-white);
    color: var(--nk-green-dark);
    box-shadow: 0 16px 34px -24px rgba(0,0,0,.38);
    transform: scale(.92);
    transition: transform .4s var(--nk-ease), background .4s var(--nk-ease), color .4s var(--nk-ease);
}

    .naturakoy-galeripage-card-icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.15;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.naturakoy-galeripage-card:hover .naturakoy-galeripage-card-icon {
    transform: scale(1);
    background: var(--nk-cream);
    color: var(--nk-green-dark);
}

/* REVEAL */
.nk-galeripage-reveal-up {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .85s var(--nk-ease), transform .85s var(--nk-ease);
}

.nk-galeripage-delay-1 {
    transition-delay: .12s;
}

.nk-galeripage-delay-2 {
    transition-delay: .20s;
}

.nk-galeripage-reveal-section.is-visible .nk-galeripage-reveal-up {
    opacity: 1;
    transform: translateY(0);
}

.nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card {
    opacity: 1;
    transform: translateY(0);
}

    .nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card:nth-child(1) {
        transition-delay: .04s;
    }

    .nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card:nth-child(2) {
        transition-delay: .08s;
    }

    .nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card:nth-child(3) {
        transition-delay: .12s;
    }

    .nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card:nth-child(4) {
        transition-delay: .16s;
    }

    .nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card:nth-child(5) {
        transition-delay: .20s;
    }

    .nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card:nth-child(6) {
        transition-delay: .24s;
    }

    .nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card:nth-child(7) {
        transition-delay: .28s;
    }

    .nk-galeripage-reveal-section.is-visible .naturakoy-galeripage-card:nth-child(8) {
        transition-delay: .32s;
    }

@keyframes naturakoyGaleripageIntroLine {
    0%, 100% {
        transform: scaleX(.34);
        opacity: .55;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}

/* LIGHTBOX */
.naturakoy-galeripage-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    place-items: center;
    padding: 28px;
    font-family: var(--nk-font-body);
}

    .naturakoy-galeripage-lightbox.is-open {
        display: grid;
    }

.naturakoy-galeripage-lightbox-bg {
    position: absolute;
    inset: 0;
    background: rgba(3,43,21,.82);
    backdrop-filter: blur(14px);
}

.naturakoy-galeripage-lightbox-panel {
    position: relative;
    z-index: 2;
    width: min(1100px, 100%);
    max-height: calc(100vh - 56px);
    overflow: hidden;
    border-radius: 34px;
    background: var(--nk-white);
    box-shadow: 0 42px 110px -54px rgba(0,0,0,.66);
    animation: naturakoyGaleripageModal .38s var(--nk-ease) both;
}

.naturakoy-galeripage-lightbox-close {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 4;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.94);
    color: var(--nk-green-dark);
    text-decoration: none !important;
    box-shadow: 0 18px 36px -26px rgba(0,0,0,.42);
}

    .naturakoy-galeripage-lightbox-close svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
    }

.naturakoy-galeripage-lightbox-image {
    width: 100%;
    max-height: calc(100vh - 170px);
    background: var(--nk-cream);
}

    .naturakoy-galeripage-lightbox-image img {
        width: 100%;
        max-height: calc(100vh - 170px);
        display: block;
        object-fit: contain;
    }

.naturakoy-galeripage-lightbox-info {
    padding: 20px 24px 22px;
    background: var(--nk-white);
}

    .naturakoy-galeripage-lightbox-info span {
        display: block;
        margin-bottom: 6px;
        color: var(--nk-green);
        font-family: var(--nk-font-heading);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .14em;
        text-transform: uppercase;
    }

    .naturakoy-galeripage-lightbox-info strong {
        color: var(--nk-green-dark);
        font-family: var(--nk-font-heading);
        font-size: 24px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: -.035em;
    }

@keyframes naturakoyGaleripageModal {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* TABLET */
@media (max-width: 1180px) {
    .naturakoy-galeripage-section {
        padding: 116px 0 120px;
    }

    .naturakoy-galeripage-wrapper {
        width: calc(100% - 40px);
    }

    .naturakoy-galeripage-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }
}

/* MOBİL */
@media (max-width: 767px) {
    .naturakoy-galeripage-section {
        padding: 88px 0 94px;
    }

    .naturakoy-galeripage-top-wave,
    .naturakoy-galeripage-bottom-wave {
        height: 66px;
    }

    .naturakoy-galeripage-wrapper {
        width: calc(100% - 26px);
    }

    .naturakoy-galeripage-head {
        margin-bottom: 30px;
    }

    .naturakoy-galeripage-kicker {
        font-size: 10px;
        letter-spacing: .14em;
        margin-bottom: 12px;
    }

        .naturakoy-galeripage-kicker::before,
        .naturakoy-galeripage-kicker::after {
            width: 22px;
        }

    .naturakoy-galeripage-head h1 {
        font-size: clamp(32px, 10vw, 46px);
        line-height: 1;
    }

    .naturakoy-galeripage-head p {
        margin-top: 14px;
        font-size: 14.5px;
        line-height: 1.62;
    }

    .naturakoy-galeripage-intro {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px;
        margin-bottom: 20px;
        border-radius: 26px;
        text-align: center;
    }

    .naturakoy-galeripage-intro-badge {
        width: 100%;
        min-height: 40px;
    }

    .naturakoy-galeripage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
    }

    .naturakoy-galeripage-card {
        aspect-ratio: 1 / 1.08;
        padding: 6px;
        border-radius: 22px;
    }

    .naturakoy-galeripage-link {
        border-radius: 17px;
    }

    .naturakoy-galeripage-card-top {
        left: 10px;
        top: 10px;
    }

        .naturakoy-galeripage-card-top span {
            width: 32px;
            height: 32px;
            font-size: 10px;
        }

    .naturakoy-galeripage-card-bottom {
        left: 10px;
        right: 10px;
        bottom: 10px;
        grid-template-columns: 1fr 32px;
        gap: 8px;
    }

    .naturakoy-galeripage-card-title {
        font-size: 12px;
        line-height: 1.18;
        font-weight: 700;
        transform: none;
    }

    .naturakoy-galeripage-card-icon {
        width: 32px;
        height: 32px;
        transform: none;
    }

        .naturakoy-galeripage-card-icon svg {
            width: 15px;
            height: 15px;
        }

    .naturakoy-galeripage-lightbox {
        padding: 14px;
    }

    .naturakoy-galeripage-lightbox-panel {
        border-radius: 24px;
        max-height: calc(100vh - 28px);
    }

    .naturakoy-galeripage-lightbox-image,
    .naturakoy-galeripage-lightbox-image img {
        max-height: calc(100vh - 144px);
    }

    .naturakoy-galeripage-lightbox-info strong {
        font-size: 21px;
    }
}

/* KÜÇÜK MOBİL */
@media (max-width: 430px) {
    .naturakoy-galeripage-wrapper {
        width: calc(100% - 22px);
    }

    .naturakoy-galeripage-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .naturakoy-galeripage-card {
        aspect-ratio: 4 / 3;
        border-radius: 24px;
    }

    .naturakoy-galeripage-link {
        border-radius: 18px;
    }
}
/* ========================================================================== 
   DYNAMIC HEADER MENU CONTENT
   ========================================================================== */
.naturakoy-header-product-links i img {
    width: 28px;
    height: 28px;
    display: block;
    object-fit: contain;
}

.naturakoy-header-gallery-boxes a {
    display: block;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 18px;
    background: radial-gradient(circle at 30% 30%, rgba(255,247,223,.34), transparent 32%), linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
    border: 1px solid rgba(255,255,255,.14);
    transition: transform .25s var(--nk-ease), border-color .25s var(--nk-ease), opacity .25s var(--nk-ease);
}

.naturakoy-header-gallery-boxes a:first-child {
    grid-row: span 2;
}

.naturakoy-header-gallery-boxes a:hover {
    transform: translateY(-3px);
    border-color: rgba(255,247,223,.34);
}

.naturakoy-header-gallery-boxes a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s var(--nk-ease);
}

.naturakoy-header-gallery-boxes a:hover img {
    transform: scale(1.05);
}

/* ========================================================================== 
   CORPORATE DETAIL PAGE
   ========================================================================== */
.naturakoy-corporate-hero,
.naturakoy-corporate-content,
.naturakoy-corporate-hero *,
.naturakoy-corporate-content * {
    box-sizing: border-box;
}

.naturakoy-corporate-container {
    width: min(calc(100% - 48px), var(--nk-container));
    margin: 0 auto;
}

.naturakoy-corporate-hero {
    position: relative;
    overflow: hidden;
    padding: calc(var(--nk-header-height) + 78px) 0 92px;
    background:
        radial-gradient(circle at 82% 18%, rgba(247,189,40,.18), transparent 28%),
        radial-gradient(circle at 12% 92%, rgba(131,182,63,.24), transparent 34%),
        linear-gradient(135deg, var(--nk-green-deep), var(--nk-green-dark) 55%, var(--nk-green));
    color: var(--nk-white);
    font-family: var(--nk-font-body);
}

.naturakoy-corporate-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 72px;
    background: var(--nk-cream);
    clip-path: polygon(0 68%, 18% 48%, 38% 66%, 60% 38%, 79% 56%, 100% 31%, 100% 100%, 0 100%);
}

.naturakoy-corporate-hero-orb {
    position: absolute;
    display: block;
    border-radius: 50%;
    pointer-events: none;
}

.naturakoy-corporate-hero-orb-left {
    width: 340px;
    height: 340px;
    left: -170px;
    bottom: -160px;
    background: rgba(255,255,255,.05);
}

.naturakoy-corporate-hero-orb-right {
    width: 460px;
    height: 460px;
    right: -160px;
    top: -180px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 0 0 70px rgba(255,255,255,.025);
}

.naturakoy-corporate-breadcrumb {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 44px;
    color: rgba(255,255,255,.64);
    font-size: 12px;
    font-weight: 600;
}

.naturakoy-corporate-breadcrumb a,
.naturakoy-corporate-breadcrumb strong {
    color: var(--nk-white);
    font-weight: 700;
}

.naturakoy-corporate-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
    gap: 72px;
    align-items: center;
}

.naturakoy-corporate-hero-copy {
    max-width: 810px;
}

.naturakoy-corporate-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 13px;
    margin-bottom: 18px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: var(--nk-radius-pill);
    background: rgba(255,255,255,.09);
    color: var(--nk-cream);
    font-family: var(--nk-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.naturakoy-corporate-hero h1 {
    margin: 0;
    max-width: 760px;
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: clamp(42px, 5.7vw, 78px);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -.055em;
}

.naturakoy-corporate-hero-copy > p {
    max-width: 760px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.76);
    font-size: clamp(15px, 1.35vw, 19px);
    line-height: 1.75;
}

.naturakoy-corporate-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.naturakoy-corporate-hero-meta span {
    padding: 10px 14px;
    border-radius: var(--nk-radius-pill);
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    color: var(--nk-cream);
    font-size: 12px;
    font-weight: 700;
}

.naturakoy-corporate-hero-mark {
    position: relative;
    width: min(100%, 390px);
    aspect-ratio: 1;
    justify-self: end;
}

.naturakoy-corporate-hero-mark-ring,
.naturakoy-corporate-hero-mark-core,
.naturakoy-corporate-hero-mark-leaf {
    position: absolute;
    display: block;
}

.naturakoy-corporate-hero-mark-ring {
    inset: 9%;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    box-shadow: inset 0 0 0 34px rgba(255,255,255,.035), 0 30px 80px -50px rgba(0,0,0,.55);
}

.naturakoy-corporate-hero-mark-core {
    width: 38%;
    height: 48%;
    left: 31%;
    top: 28%;
    border-radius: 48% 52% 50% 50% / 62% 62% 38% 38%;
    background: linear-gradient(145deg, var(--nk-cream), var(--nk-cream-2));
    box-shadow: 0 30px 70px -42px rgba(0,0,0,.75);
}

.naturakoy-corporate-hero-mark-leaf {
    width: 30%;
    height: 15%;
    border: 2px solid rgba(255,247,223,.72);
    border-radius: 100% 0 100% 0;
}

.naturakoy-corporate-hero-mark-leaf-a {
    left: 18%;
    top: 24%;
    transform: rotate(28deg);
}

.naturakoy-corporate-hero-mark-leaf-b {
    right: 17%;
    bottom: 25%;
    transform: rotate(205deg);
}

.naturakoy-corporate-content {
    position: relative;
    padding: 74px 0 120px;
    background: var(--nk-cream);
    font-family: var(--nk-font-body);
    color: var(--nk-black);
}

.naturakoy-corporate-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 58px;
    align-items: start;
}

.naturakoy-corporate-side {
    position: sticky;
    top: calc(var(--nk-header-height) + 28px);
    padding: 26px;
    border-radius: 28px;
    background: var(--nk-white);
    box-shadow: 0 28px 80px -62px rgba(3,43,21,.52);
    border: 1px solid rgba(35,103,52,.10);
}

.naturakoy-corporate-side-kicker,
.naturakoy-corporate-article-head > span {
    display: block;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.naturakoy-corporate-side > strong {
    display: block;
    margin: 8px 0 20px;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: 21px;
    line-height: 1.24;
    font-weight: 700;
    letter-spacing: -.025em;
}

.naturakoy-corporate-side-nav {
    display: grid;
    gap: 8px;
}

.naturakoy-corporate-side-nav a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 52px;
    padding: 12px 14px;
    border-radius: 15px;
    color: var(--nk-green-dark);
    background: rgba(35,103,52,.055);
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    transition: transform .25s var(--nk-ease), background .25s var(--nk-ease), color .25s var(--nk-ease), border-color .25s var(--nk-ease);
}

.naturakoy-corporate-side-nav a:hover,
.naturakoy-corporate-side-nav a.is-active {
    transform: translateX(3px);
    color: var(--nk-white);
    background: var(--nk-green-dark);
    border-color: var(--nk-green-dark);
}

.naturakoy-corporate-side-nav a i {
    font-size: 18px;
    font-style: normal;
}

.naturakoy-corporate-article {
    min-width: 0;
    padding: 38px clamp(24px, 4vw, 58px) 50px;
    border-radius: 34px;
    background: var(--nk-white);
    border: 1px solid rgba(35,103,52,.08);
    box-shadow: 0 34px 100px -76px rgba(3,43,21,.58);
}

.naturakoy-corporate-article-head {
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(35,103,52,.10);
}

.naturakoy-corporate-article-head h2 {
    margin: 8px 0 0;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -.045em;
}

.naturakoy-corporate-rich {
    color: #324038;
    font-size: 15px;
    line-height: 1.8;
}

.naturakoy-corporate-rich img {
    max-width: 100%;
    height: auto;
}

.naturakoy-corporate-rich a {
    color: var(--nk-green);
    font-weight: 700;
}

.naturakoy-corporate-rich .hb-kurumsal-page-section {
    position: relative;
    padding: 0;
    background: transparent;
}

.naturakoy-corporate-rich .hb-kurumsal-page-bg-lines {
    display: none;
}

.naturakoy-corporate-rich .wrap {
    width: 100%;
    max-width: none;
    margin: 0;
}

.naturakoy-corporate-rich .hb-kurumsal-page-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 34px;
    align-items: start;
}

.naturakoy-corporate-rich .hb-kurumsal-page-intro {
    padding: 28px;
    border-radius: 24px;
    background: rgba(35,103,52,.055);
    border: 1px solid rgba(35,103,52,.08);
}

.naturakoy-corporate-rich .hb-kurumsal-page-badge {
    display: inline-flex;
    margin-bottom: 14px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.naturakoy-corporate-rich .hb-kurumsal-page-title {
    margin: 0;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: clamp(25px, 2.7vw, 38px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -.035em;
}

.naturakoy-corporate-rich .hb-kurumsal-page-title b {
    color: var(--nk-green);
    font-weight: 700;
}

.naturakoy-corporate-rich .hb-kurumsal-page-divider {
    width: 54px;
    height: 4px;
    margin: 20px 0;
    border-radius: var(--nk-radius-pill);
    background: var(--nk-yolk);
}

.naturakoy-corporate-rich .hb-kurumsal-page-lead,
.naturakoy-corporate-rich .hb-kurumsal-page-block p,
.naturakoy-corporate-rich .hb-kurumsal-page-quote p {
    margin: 0;
    color: #56635b;
    font-size: 14.5px;
    line-height: 1.85;
}

.naturakoy-corporate-rich .hb-kurumsal-page-history {
    display: grid;
    gap: 18px;
}

.naturakoy-corporate-rich .hb-kurumsal-page-block {
    padding: 24px 26px;
    border-radius: 22px;
    border: 1px solid rgba(35,103,52,.10);
    background: #fffdfa;
}

.naturakoy-corporate-rich .hb-kurumsal-page-block h3 {
    margin: 0 0 10px;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

.naturakoy-corporate-rich .hb-kurumsal-page-quote {
    position: relative;
    padding: 26px 28px 26px 48px;
    border-radius: 22px;
    background: var(--nk-green-deep);
}

.naturakoy-corporate-rich .hb-kurumsal-page-quote::before {
    content: "“";
    position: absolute;
    left: 19px;
    top: 10px;
    color: var(--nk-yolk);
    font-family: Georgia, serif;
    font-size: 50px;
    line-height: 1;
}

.naturakoy-corporate-rich .hb-kurumsal-page-quote p {
    color: rgba(255,255,255,.78);
}

@media (max-width: 980px) {
    .naturakoy-corporate-hero-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .naturakoy-corporate-hero-mark {
        display: none;
    }

    .naturakoy-corporate-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .naturakoy-corporate-side {
        position: static;
    }

    .naturakoy-corporate-side-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .naturakoy-corporate-rich .hb-kurumsal-page-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .naturakoy-corporate-container {
        width: min(calc(100% - 28px), var(--nk-container));
    }

    .naturakoy-corporate-hero {
        padding: calc(var(--nk-header-height) + 42px) 0 72px;
    }

    .naturakoy-corporate-breadcrumb {
        margin-bottom: 28px;
    }

    .naturakoy-corporate-content {
        padding: 48px 0 78px;
    }

    .naturakoy-corporate-side,
    .naturakoy-corporate-article {
        border-radius: 24px;
    }

    .naturakoy-corporate-side {
        padding: 20px;
    }

    .naturakoy-corporate-side-nav {
        grid-template-columns: 1fr;
    }

    .naturakoy-corporate-article {
        padding: 28px 20px 34px;
    }

    .naturakoy-corporate-rich .hb-kurumsal-page-intro,
    .naturakoy-corporate-rich .hb-kurumsal-page-block,
    .naturakoy-corporate-rich .hb-kurumsal-page-quote {
        padding: 22px;
        border-radius: 18px;
    }

    .naturakoy-corporate-rich .hb-kurumsal-page-quote {
        padding-left: 42px;
    }
}

/* ========================================================================== 
   SHARED INNER PAGE HERO / 2026-09-21 REVISION
   Kurumsal, Çiftliğimiz, Ürünler, Galeri, İletişim
   ========================================================================== */
.naturakoy-pagehero,
.naturakoy-pagehero * {
    box-sizing: border-box;
}

.naturakoy-pagehero {
    --nk-pagehero-accent: var(--nk-yolk);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 620px;
    padding: calc(var(--nk-header-height) + 72px) 0 112px;
    background:
        radial-gradient(circle at 84% 16%, rgba(247,189,40,.17), transparent 27%),
        radial-gradient(circle at 10% 94%, rgba(131,182,63,.22), transparent 34%),
        linear-gradient(135deg, var(--nk-green-deep) 0%, #135f31 50%, var(--nk-green) 100%);
    color: var(--nk-white);
    font-family: var(--nk-font-body);
}

.naturakoy-pagehero--farm {
    --nk-pagehero-accent: var(--nk-leaf);
    background:
        radial-gradient(circle at 84% 16%, rgba(131,182,63,.24), transparent 28%),
        radial-gradient(circle at 9% 95%, rgba(255,247,223,.08), transparent 34%),
        linear-gradient(135deg, #062f19 0%, #17672f 52%, #319342 100%);
}

.naturakoy-pagehero--products {
    --nk-pagehero-accent: var(--nk-yolk);
    background:
        radial-gradient(circle at 83% 16%, rgba(247,189,40,.23), transparent 28%),
        radial-gradient(circle at 8% 92%, rgba(255,247,223,.10), transparent 34%),
        linear-gradient(135deg, #07321b 0%, #17672f 54%, #16954a 100%);
}

.naturakoy-pagehero--gallery {
    --nk-pagehero-accent: var(--nk-cream);
    background:
        radial-gradient(circle at 84% 16%, rgba(255,247,223,.12), transparent 28%),
        radial-gradient(circle at 10% 94%, rgba(131,182,63,.20), transparent 34%),
        linear-gradient(135deg, #062f19 0%, #17622f 54%, #198c48 100%);
}

.naturakoy-pagehero--contact {
    --nk-pagehero-accent: #dff5d9;
    background:
        radial-gradient(circle at 84% 16%, rgba(255,255,255,.12), transparent 28%),
        radial-gradient(circle at 10% 94%, rgba(131,182,63,.20), transparent 34%),
        linear-gradient(135deg, #062e18 0%, #145e2c 54%, #128e45 100%);
}

.naturakoy-pagehero::after {
    content: "";
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 76px;
    background: var(--nk-cream);
    clip-path: polygon(0 68%, 18% 49%, 38% 66%, 60% 39%, 79% 56%, 100% 32%, 100% 100%, 0 100%);
    pointer-events: none;
}

.naturakoy-pagehero--gallery::after,
.naturakoy-pagehero--contact::after {
    background: var(--nk-white);
}

.naturakoy-pagehero-container {
    position: relative;
    z-index: 3;
    width: min(calc(100% - 48px), var(--nk-container));
    margin: 0 auto;
}

.naturakoy-pagehero-orb {
    position: absolute;
    z-index: 0;
    display: block;
    border-radius: 50%;
    pointer-events: none;
}

.naturakoy-pagehero-orb--left {
    width: 370px;
    height: 370px;
    left: -190px;
    bottom: -170px;
    background: rgba(255,255,255,.045);
}

.naturakoy-pagehero-orb--right {
    width: 470px;
    height: 470px;
    right: -155px;
    top: -188px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 0 0 74px rgba(255,255,255,.023);
}

.naturakoy-pagehero-breadcrumb {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 44px;
    color: rgba(255,255,255,.62);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}

.naturakoy-pagehero-breadcrumb a,
.naturakoy-pagehero-breadcrumb strong {
    color: var(--nk-white);
    font-weight: 700;
}

.naturakoy-pagehero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr);
    gap: clamp(46px, 6vw, 92px);
    align-items: center;
}

.naturakoy-pagehero-copy {
    max-width: 820px;
}

.naturakoy-pagehero-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 13px;
    margin-bottom: 18px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: var(--nk-radius-pill);
    background: rgba(255,255,255,.09);
    color: var(--nk-cream);
    font-family: var(--nk-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.naturakoy-pagehero h1 {
    margin: 0;
    max-width: 790px;
    color: var(--nk-white);
    font-family: var(--nk-font-heading);
    font-size: clamp(42px, 5.35vw, 76px);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -.055em;
}

.naturakoy-pagehero h1 span {
    color: var(--nk-cream);
}

.naturakoy-pagehero-copy > p {
    max-width: 760px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.76);
    font-size: clamp(15px, 1.25vw, 18.5px);
    line-height: 1.74;
    font-weight: 500;
}

.naturakoy-pagehero-meta,
.naturakoy-corporate-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.naturakoy-pagehero-meta span,
.naturakoy-corporate-hero-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 9px 14px;
    border-radius: var(--nk-radius-pill);
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.14);
    color: var(--nk-cream);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
}

/* Premium page illustration */
.naturakoy-pagehero-art {
    position: relative;
    width: min(100%, 410px);
    aspect-ratio: 1;
    justify-self: end;
    display: grid;
    place-items: center;
}

.naturakoy-pagehero-art-orbit,
.naturakoy-pagehero-art-glow {
    position: absolute;
    display: block;
    border-radius: 50%;
    pointer-events: none;
}

.naturakoy-pagehero-art-orbit {
    inset: 7%;
    border: 1px solid rgba(255,255,255,.17);
    box-shadow: inset 0 0 0 34px rgba(255,255,255,.028), 0 34px 88px -56px rgba(0,0,0,.62);
}

.naturakoy-pagehero-art-orbit::before,
.naturakoy-pagehero-art-orbit::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--nk-pagehero-accent);
    box-shadow: 0 0 0 7px rgba(255,255,255,.045);
}

.naturakoy-pagehero-art-orbit::before {
    left: 8%;
    top: 30%;
}

.naturakoy-pagehero-art-orbit::after {
    right: 10%;
    bottom: 23%;
}

.naturakoy-pagehero-art-glow {
    width: 53%;
    height: 53%;
    right: 13%;
    top: 14%;
    background: radial-gradient(circle, rgba(247,189,40,.13), rgba(247,189,40,0) 68%);
    filter: blur(3px);
}

.naturakoy-pagehero-art svg {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.naturakoy-pagehero-art .nk-art-disc {
    fill: rgba(255,255,255,.045);
    stroke: rgba(255,255,255,.10);
    stroke-width: 1.3;
}

.naturakoy-pagehero-art .nk-art-line,
.naturakoy-pagehero-art .nk-art-leaf-vein,
.naturakoy-pagehero-art .nk-art-barn-roof,
.naturakoy-pagehero-art .nk-art-carton-line,
.naturakoy-pagehero-art .nk-art-corner {
    fill: none;
    stroke: rgba(255,247,223,.85);
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.naturakoy-pagehero-art .nk-art-line--soft {
    stroke: rgba(255,247,223,.44);
    stroke-width: 1.6;
}

.naturakoy-pagehero-art .nk-art-sun {
    fill: var(--nk-pagehero-accent);
    opacity: .94;
    filter: drop-shadow(0 14px 24px rgba(0,0,0,.12));
}

.naturakoy-pagehero-art .nk-art-leaf,
.naturakoy-pagehero-art .nk-art-sprout {
    fill: rgba(255,247,223,.07);
    stroke: rgba(255,247,223,.78);
    stroke-width: 2.2;
    stroke-linejoin: round;
}

.naturakoy-pagehero-art .nk-art-barn {
    fill: rgba(255,247,223,.11);
    stroke: rgba(255,247,223,.80);
    stroke-width: 2.3;
    stroke-linejoin: round;
}

.naturakoy-pagehero-art .nk-art-barn-door,
.naturakoy-pagehero-art .nk-art-barn-detail {
    fill: rgba(255,247,223,.09);
    stroke: rgba(255,247,223,.66);
    stroke-width: 1.8;
}

.naturakoy-pagehero-art .nk-art-frame {
    fill: rgba(255,255,255,.055);
    stroke: rgba(255,247,223,.82);
    stroke-width: 2.5;
}

.naturakoy-pagehero-art .nk-art-corner {
    stroke-width: 3;
}

.naturakoy-pagehero-art .nk-art-chat {
    fill: rgba(255,255,255,.055);
    stroke: rgba(255,247,223,.82);
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.naturakoy-pagehero-art .nk-art-phone {
    fill: rgba(223,245,217,.13);
    stroke: rgba(223,245,217,.88);
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.naturakoy-pagehero-art .nk-art-dot {
    fill: var(--nk-pagehero-accent);
}

.naturakoy-pagehero-art .nk-art-carton {
    fill: rgba(255,247,223,.08);
    stroke: rgba(255,247,223,.76);
    stroke-width: 2.4;
    stroke-linejoin: round;
}

.naturakoy-pagehero-art .nk-art-egg {
    fill: var(--nk-cream);
    stroke: rgba(255,255,255,.76);
    stroke-width: 1.5;
    filter: drop-shadow(0 16px 26px rgba(0,0,0,.12));
}

.naturakoy-pagehero-art .nk-art-egg--2 {
    fill: #fff3c9;
}

/* Existing page sections after the unified hero */
.naturakoy-galeripage-section--with-hero {
    padding-top: 82px;
}

.naturakoy-iletisimpage-section {
    padding-top: 82px;
}

.naturakoy-farm-gallery-section {
    padding-top: 84px;
}

.naturakoy-section-intro {
    max-width: 780px;
    margin: 0 auto 44px;
    text-align: center;
    font-family: var(--nk-font-body);
}

.naturakoy-section-intro > span {
    display: inline-flex;
    margin-bottom: 12px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.naturakoy-section-intro h2 {
    margin: 0;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: clamp(32px, 4vw, 58px);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: -.05em;
}

.naturakoy-section-intro p {
    max-width: 670px;
    margin: 18px auto 0;
    color: rgba(35,103,52,.68);
    font-size: 15.5px;
    line-height: 1.75;
    font-weight: 500;
}

/* ========================================================================== 
   PRODUCTS LISTING PAGE
   ========================================================================== */
.naturakoy-products-page,
.naturakoy-products-page * {
    box-sizing: border-box;
}

.naturakoy-products-page {
    position: relative;
    overflow: hidden;
    padding: 84px 0 130px;
    background:
        radial-gradient(circle at 8% 14%, rgba(1,145,76,.055), transparent 23%),
        radial-gradient(circle at 92% 30%, rgba(131,182,63,.08), transparent 27%),
        linear-gradient(180deg, var(--nk-cream) 0%, #fffdf6 44%, var(--nk-white) 100%);
    color: var(--nk-green-deep);
    font-family: var(--nk-font-body);
}

.naturakoy-products-bg {
    position: absolute;
    z-index: 0;
    display: block;
    border-radius: 50%;
    pointer-events: none;
}

.naturakoy-products-bg--left {
    width: 520px;
    height: 520px;
    left: -310px;
    top: 170px;
    background: rgba(1,145,76,.045);
}

.naturakoy-products-bg--right {
    width: 480px;
    height: 480px;
    right: -280px;
    bottom: 100px;
    border: 1px solid rgba(35,103,52,.06);
    box-shadow: inset 0 0 0 74px rgba(131,182,63,.035);
}

.naturakoy-products-container {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 48px), 1360px);
    margin: 0 auto;
}

.naturakoy-products-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 36px;
    align-items: end;
    margin-bottom: 42px;
}

.naturakoy-products-intro > div:first-child {
    max-width: 810px;
}

.naturakoy-products-kicker {
    display: inline-flex;
    margin-bottom: 11px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.naturakoy-products-intro h2 {
    margin: 0;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: clamp(34px, 4.2vw, 62px);
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.052em;
}

.naturakoy-products-intro p {
    max-width: 720px;
    margin: 18px 0 0;
    color: rgba(35,103,52,.68);
    font-size: 15.5px;
    line-height: 1.75;
    font-weight: 500;
}

.naturakoy-products-count {
    min-width: 132px;
    padding: 20px 22px;
    border-radius: 24px;
    background: var(--nk-white);
    border: 1px solid rgba(35,103,52,.09);
    box-shadow: 0 26px 68px -56px rgba(3,43,21,.46);
    text-align: center;
}

.naturakoy-products-count strong,
.naturakoy-products-count span {
    display: block;
}

.naturakoy-products-count strong {
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
}

.naturakoy-products-count span {
    margin-top: 6px;
    color: rgba(35,103,52,.60);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.naturakoy-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 28px);
}

.naturakoy-products-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    scroll-margin-top: calc(var(--nk-header-height) + 28px);
    border-radius: 34px;
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(35,103,52,.09);
    box-shadow: 0 34px 90px -70px rgba(3,43,21,.58);
    transition: transform .42s var(--nk-ease), box-shadow .42s var(--nk-ease), border-color .42s var(--nk-ease);
}

.naturakoy-products-card:hover {
    transform: translateY(-8px);
    border-color: rgba(1,145,76,.19);
    box-shadow: 0 42px 100px -66px rgba(3,43,21,.62);
}

.naturakoy-products-card-visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 355px;
    padding: 54px 30px 26px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(255,255,255,.96), rgba(255,247,223,.74) 48%, rgba(131,182,63,.08) 100%);
}

.naturakoy-products-card:nth-child(2n) .naturakoy-products-card-visual {
    background:
        radial-gradient(circle at 50% 45%, rgba(255,255,255,.98), rgba(246,253,238,.82) 48%, rgba(1,145,76,.08) 100%);
}

.naturakoy-products-card-index {
    position: absolute;
    left: 24px;
    top: 22px;
    z-index: 3;
    color: rgba(35,103,52,.42);
    font-family: var(--nk-font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
}

.naturakoy-products-card-icon {
    position: absolute;
    right: 22px;
    top: 19px;
    z-index: 4;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    padding: 11px;
    border-radius: 17px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(35,103,52,.08);
    box-shadow: 0 14px 34px -26px rgba(3,43,21,.46);
    backdrop-filter: blur(8px);
}

.naturakoy-products-card-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.naturakoy-products-card-image {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 270px;
    display: grid;
    place-items: center;
}

.naturakoy-products-card-image img {
    max-width: 86%;
    max-height: 255px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 25px 26px rgba(3,43,21,.12));
    transform: translateY(3px) scale(.98);
    transition: transform .5s var(--nk-ease), filter .5s var(--nk-ease);
}

.naturakoy-products-card:hover .naturakoy-products-card-image img {
    transform: translateY(-4px) scale(1.025);
    filter: drop-shadow(0 30px 30px rgba(3,43,21,.17));
}

.naturakoy-products-card-shape {
    position: absolute;
    z-index: 1;
    width: 210px;
    height: 210px;
    left: 50%;
    bottom: -104px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(1,145,76,.05);
    box-shadow: 0 0 0 44px rgba(131,182,63,.022);
}

.naturakoy-products-card-content {
    position: relative;
    z-index: 3;
    padding: 28px 30px 32px;
    border-top: 1px solid rgba(35,103,52,.07);
}

.naturakoy-products-card-label {
    display: block;
    margin-bottom: 8px;
    color: var(--nk-green);
    font-family: var(--nk-font-heading);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.naturakoy-products-card h3 {
    margin: 0;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: clamp(24px, 2.1vw, 33px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -.038em;
}

.naturakoy-products-card p {
    margin: 14px 0 0;
    color: #5d6c62;
    font-size: 14px;
    line-height: 1.72;
    font-weight: 500;
}

.naturakoy-products-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 20px;
}

.naturakoy-products-card-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: var(--nk-radius-pill);
    background: rgba(35,103,52,.055);
    border: 1px solid rgba(35,103,52,.065);
    color: rgba(35,103,52,.78);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

.naturakoy-products-empty {
    padding: 34px;
    border-radius: 28px;
    background: var(--nk-white);
    border: 1px solid rgba(35,103,52,.09);
    text-align: center;
}

.naturakoy-products-empty strong,
.naturakoy-products-empty span {
    display: block;
}

.naturakoy-products-empty strong {
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: 22px;
    font-weight: 700;
}

.naturakoy-products-empty span {
    margin-top: 8px;
    color: rgba(35,103,52,.65);
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 1100px) {
    .naturakoy-pagehero {
        min-height: 570px;
    }

    .naturakoy-pagehero-grid {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 36px;
    }

    .naturakoy-pagehero-art {
        width: 330px;
    }

    .naturakoy-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .naturakoy-pagehero {
        min-height: 0;
        padding: calc(var(--nk-header-height) + 50px) 0 94px;
    }

    .naturakoy-pagehero-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .naturakoy-pagehero-art {
        display: none;
    }

    .naturakoy-pagehero-breadcrumb {
        margin-bottom: 30px;
    }

    .naturakoy-products-intro {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .naturakoy-products-count {
        width: 124px;
    }
}

@media (max-width: 640px) {
    .naturakoy-pagehero-container,
    .naturakoy-products-container {
        width: min(calc(100% - 28px), var(--nk-container));
    }

    .naturakoy-pagehero {
        padding: calc(var(--nk-header-height) + 36px) 0 82px;
    }

    .naturakoy-pagehero::after {
        height: 48px;
    }

    .naturakoy-pagehero-kicker {
        font-size: 10px;
        letter-spacing: .10em;
    }

    .naturakoy-pagehero h1 {
        font-size: clamp(38px, 12vw, 54px);
    }

    .naturakoy-pagehero-copy > p {
        margin-top: 18px;
        font-size: 14.5px;
        line-height: 1.68;
    }

    .naturakoy-pagehero-meta,
    .naturakoy-corporate-hero-meta {
        margin-top: 21px;
    }

    .naturakoy-pagehero-meta span,
    .naturakoy-corporate-hero-meta span {
        font-size: 11px;
    }

    .naturakoy-products-page,
    .naturakoy-galeripage-section--with-hero,
    .naturakoy-iletisimpage-section,
    .naturakoy-farm-gallery-section {
        padding-top: 54px;
    }

    .naturakoy-products-page {
        padding-bottom: 86px;
    }

    .naturakoy-products-intro {
        gap: 22px;
        margin-bottom: 28px;
    }

    .naturakoy-products-grid {
        grid-template-columns: 1fr;
    }

    .naturakoy-products-card {
        border-radius: 26px;
    }

    .naturakoy-products-card-visual {
        min-height: 310px;
        padding-inline: 18px;
    }

    .naturakoy-products-card-image {
        height: 235px;
    }

    .naturakoy-products-card-image img {
        max-height: 225px;
    }

    .naturakoy-products-card-content {
        padding: 24px 22px 27px;
    }

    .naturakoy-section-intro {
        margin-bottom: 30px;
        padding: 0 10px;
    }
}

/* Çiftliğimiz galeri alanı - eski markup korunarak modern görünüm */
.hb-ciftligimiz-page-section,
.hb-ciftligimiz-page-section * {
    box-sizing: border-box;
}

.hb-ciftligimiz-page-section {
    position: relative;
    overflow: hidden;
    padding: 84px 0 126px;
    background:
        radial-gradient(circle at 8% 22%, rgba(1,145,76,.055), transparent 25%),
        radial-gradient(circle at 92% 70%, rgba(131,182,63,.08), transparent 28%),
        var(--nk-cream);
    color: var(--nk-green-deep);
    font-family: var(--nk-font-body);
}

.hb-ciftligimiz-page-section .wrap {
    width: min(calc(100% - 48px), 1360px);
    margin: 0 auto;
}

.hb-ciftligimiz-page-bg-lines {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .9;
}

.hb-ciftligimiz-page-bg-lines svg {
    width: 100%;
    height: 100%;
    display: block;
}

.hb-ciftligimiz-page-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 28px);
}

.hb-ciftligimiz-page-item {
    min-width: 0;
}

.hb-ciftligimiz-page-img-wrap {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    padding: 8px;
    border-radius: 32px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(35,103,52,.09);
    box-shadow: 0 30px 84px -64px rgba(3,43,21,.55);
    transition: transform .42s var(--nk-ease), box-shadow .42s var(--nk-ease), border-color .42s var(--nk-ease);
}

.hb-ciftligimiz-page-img-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    z-index: 1;
    border-radius: 24px;
    background: linear-gradient(180deg, transparent 48%, rgba(3,43,21,.70) 100%);
    pointer-events: none;
}

.hb-ciftligimiz-page-img-wrap > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 24px;
    transform: scale(1.015);
    transition: transform .7s var(--nk-ease), filter .7s var(--nk-ease);
}

.hb-ciftligimiz-page-item:hover .hb-ciftligimiz-page-img-wrap {
    transform: translateY(-7px);
    border-color: rgba(1,145,76,.19);
    box-shadow: 0 40px 96px -62px rgba(3,43,21,.61);
}

.hb-ciftligimiz-page-item:hover .hb-ciftligimiz-page-img-wrap > img {
    transform: scale(1.075);
    filter: saturate(1.05) contrast(1.02);
}

.hb-ciftligimiz-page-overlay {
    position: absolute;
    z-index: 3;
    left: 28px;
    right: 28px;
    bottom: 26px;
    color: var(--nk-white);
}

.hb-ciftligimiz-page-overlay span {
    display: block;
    font-family: var(--nk-font-heading);
    font-size: clamp(17px, 1.5vw, 23px);
    line-height: 1.16;
    font-weight: 700;
    letter-spacing: -.025em;
    text-shadow: 0 8px 22px rgba(0,0,0,.22);
}

@media (max-width: 980px) {
    .hb-ciftligimiz-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .hb-ciftligimiz-page-section {
        padding: 54px 0 84px;
    }

    .hb-ciftligimiz-page-section .wrap {
        width: min(calc(100% - 28px), 1360px);
    }

    .hb-ciftligimiz-page-grid {
        grid-template-columns: 1fr;
    }

    .hb-ciftligimiz-page-img-wrap {
        border-radius: 25px;
    }

    .hb-ciftligimiz-page-img-wrap::after,
    .hb-ciftligimiz-page-img-wrap > img {
        border-radius: 18px;
    }
}

/* ========================================================================== 
   NATURAKÖY PRODUCT FAMILY — animated accents + product detail
   ========================================================================== */
.naturakoy-product-theme--green { --nk-product-accent:#169553; --nk-product-deep:#07552f; --nk-product-soft:rgba(22,149,83,.12); --nk-product-pale:#eff9f2; }
.naturakoy-product-theme--yellow { --nk-product-accent:#e8ae23; --nk-product-deep:#815a00; --nk-product-soft:rgba(232,174,35,.15); --nk-product-pale:#fff9e8; }
.naturakoy-product-theme--orange { --nk-product-accent:#e27d2f; --nk-product-deep:#873f12; --nk-product-soft:rgba(226,125,47,.14); --nk-product-pale:#fff4ea; }
.naturakoy-product-theme--purple { --nk-product-accent:#8d62b5; --nk-product-deep:#53326f; --nk-product-soft:rgba(141,98,181,.14); --nk-product-pale:#f7f1fb; }
.naturakoy-product-theme--blue { --nk-product-accent:#2495c6; --nk-product-deep:#155879; --nk-product-soft:rgba(36,149,198,.14); --nk-product-pale:#eef9fd; }
.naturakoy-product-theme--pink { --nk-product-accent:#d94c88; --nk-product-deep:#892450; --nk-product-soft:rgba(217,76,136,.13); --nk-product-pale:#fff0f6; }
.naturakoy-product-theme--ivory { --nk-product-accent:#b69861; --nk-product-deep:#6a5835; --nk-product-soft:rgba(182,152,97,.14); --nk-product-pale:#fffaf0; }
.naturakoy-product-theme--brown { --nk-product-accent:#9c6543; --nk-product-deep:#5c3825; --nk-product-soft:rgba(156,101,67,.14); --nk-product-pale:#f9f1ec; }

/* Product listing: replace mascot tiles with a calmer brand ornament. */
a.naturakoy-products-card {
    display:block;
    color:inherit;
    text-decoration:none;
}

.naturakoy-products-card-visual {
    background:
        radial-gradient(circle at 78% 17%, var(--nk-product-soft, rgba(1,145,76,.10)), transparent 23%),
        radial-gradient(circle at 50% 46%, rgba(255,255,255,.98), var(--nk-product-pale, #f5fbf6) 52%, rgba(255,255,255,.82) 100%);
}

.naturakoy-products-card:nth-child(2n) .naturakoy-products-card-visual {
    background:
        radial-gradient(circle at 78% 17%, var(--nk-product-soft, rgba(1,145,76,.10)), transparent 23%),
        radial-gradient(circle at 50% 46%, rgba(255,255,255,.98), var(--nk-product-pale, #f5fbf6) 52%, rgba(255,255,255,.82) 100%);
}

.naturakoy-products-card-accent {
    position:absolute;
    right:22px;
    top:18px;
    z-index:4;
    width:74px;
    height:74px;
    display:block;
    pointer-events:none;
}

.naturakoy-products-card-accent::before,
.naturakoy-products-card-accent::after {
    content:"";
    position:absolute;
    border-radius:50%;
}

.naturakoy-products-card-accent::before {
    inset:5px;
    border:1px solid var(--nk-product-accent, #169553);
    opacity:.25;
    animation:nkProductOrbit 11s linear infinite;
}

.naturakoy-products-card-accent::after {
    inset:13px;
    background:var(--nk-product-soft, rgba(22,149,83,.12));
    box-shadow:0 10px 30px -20px var(--nk-product-deep, #07552f);
}

.naturakoy-products-card-accent > i {
    position:absolute;
    z-index:2;
    left:28px;
    top:19px;
    width:22px;
    height:30px;
    border-radius:52% 48% 49% 51% / 62% 62% 38% 38%;
    background:linear-gradient(155deg, #fffdf5 0%, #f4e7c7 100%);
    box-shadow:inset -4px -5px 10px rgba(123,94,45,.08), 0 7px 16px -12px rgba(3,43,21,.55);
    transform:rotate(7deg);
    animation:nkProductEggFloat 4.8s ease-in-out infinite;
}

.naturakoy-products-card-accent > b,
.naturakoy-products-card-accent > em {
    position:absolute;
    z-index:3;
    display:block;
    background:var(--nk-product-accent, #169553);
    opacity:.72;
    transform-origin:100% 100%;
}

.naturakoy-products-card-accent > b {
    width:17px;
    height:9px;
    right:8px;
    top:17px;
    border-radius:100% 0 100% 0;
    transform:rotate(-22deg);
}

.naturakoy-products-card-accent > em {
    width:12px;
    height:7px;
    right:7px;
    top:31px;
    border-radius:100% 0 100% 0;
    transform:rotate(22deg) scale(.82);
}

.naturakoy-products-card:hover .naturakoy-products-card-accent::before {
    opacity:.48;
    box-shadow:0 0 0 7px var(--nk-product-soft, rgba(22,149,83,.10));
}

.naturakoy-products-card-link {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:23px;
    color:var(--nk-product-deep, var(--nk-green-dark));
    font-family:var(--nk-font-heading);
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.02em;
}

.naturakoy-products-card-link i {
    font-style:normal;
    font-size:17px;
    transition:transform .28s var(--nk-ease);
}

.naturakoy-products-card:hover .naturakoy-products-card-link i {
    transform:translateX(5px);
}

/* Header product items use the same visual language, without character artwork. */
.naturakoy-header-product-dot {
    position:relative;
    width:44px !important;
    height:44px !important;
    display:block !important;
    overflow:hidden;
    border-radius:15px !important;
    background:rgba(255,255,255,.11) !important;
    border:1px solid rgba(255,255,255,.13);
}

.naturakoy-header-product-dot::before {
    content:"";
    position:absolute;
    inset:7px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.24);
}

.naturakoy-header-product-dot b {
    position:absolute;
    left:16px;
    top:10px;
    width:13px;
    height:19px;
    border-radius:52% 48% 49% 51% / 62% 62% 38% 38%;
    background:#fff9e8;
    transform:rotate(7deg);
    animation:nkHeaderEggFloat 4.4s ease-in-out infinite;
}

.naturakoy-header-product-dot em {
    position:absolute;
    right:6px;
    top:8px;
    width:10px;
    height:6px;
    border-radius:100% 0 100% 0;
    background:var(--nk-product-accent, #b9d67d);
    transform:rotate(-24deg);
}

.naturakoy-header-product-icon {
    position:relative;
    width:50px;
    height:50px;
    overflow:visible;
    background:var(--nk-product-pale, var(--nk-cream));
    border:1px solid var(--nk-product-soft, rgba(1,145,76,.10));
}

.naturakoy-header-product-icon::before {
    content:"";
    position:absolute;
    inset:7px;
    border-radius:50%;
    border:1px dashed var(--nk-product-accent, #169553);
    opacity:.34;
    animation:nkProductOrbit 12s linear infinite;
}

.naturakoy-header-product-icon i {
    position:absolute;
    left:19px;
    top:12px;
    width:14px;
    height:20px;
    border-radius:52% 48% 49% 51% / 62% 62% 38% 38%;
    background:linear-gradient(155deg,#fffdf4,#f1e3c2);
    transform:rotate(7deg);
}

.naturakoy-header-product-icon b {
    position:absolute;
    right:4px;
    top:6px;
    width:10px;
    height:6px;
    border-radius:100% 0 100% 0;
    background:var(--nk-product-accent, #169553);
    transform:rotate(-24deg);
    opacity:.78;
}

/* Product detail page. */
.naturakoy-product-detail-container {
    position:relative;
    z-index:3;
    width:min(calc(100% - 48px), 1360px);
    margin:0 auto;
}

.naturakoy-product-detail-hero {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:710px;
    padding:calc(var(--nk-header-height) + 64px) 0 114px;
    color:#fff;
    background:
        radial-gradient(circle at 75% 38%, var(--nk-product-soft, rgba(255,255,255,.08)), transparent 27%),
        linear-gradient(118deg, #06371f 0%, #0a6138 47%, var(--nk-product-accent, #169553) 145%);
}

.naturakoy-product-detail-hero::after {
    content:"";
    position:absolute;
    z-index:2;
    left:-2%;
    right:-2%;
    bottom:-1px;
    height:78px;
    background:var(--nk-cream);
    clip-path:polygon(0 52%, 17% 36%, 37% 53%, 58% 28%, 78% 45%, 100% 27%, 100% 100%, 0 100%);
}

.naturakoy-product-detail-hero-orb {
    position:absolute;
    z-index:0;
    display:block;
    border-radius:50%;
    pointer-events:none;
}

.naturakoy-product-detail-hero-orb--a {
    width:430px;
    height:430px;
    right:-180px;
    top:-180px;
    border:1px solid rgba(255,255,255,.09);
    box-shadow:inset 0 0 0 62px rgba(255,255,255,.025);
}

.naturakoy-product-detail-hero-orb--b {
    width:350px;
    height:350px;
    left:-210px;
    bottom:-165px;
    background:rgba(255,255,255,.035);
}

.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb {
    margin-bottom:46px;
}

.naturakoy-product-detail-hero-grid {
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(380px, .95fr);
    gap:clamp(48px, 7vw, 110px);
    align-items:center;
}

.naturakoy-product-detail-copy {
    max-width:720px;
}

.naturakoy-product-detail-eyebrow {
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:32px;
    margin-bottom:16px;
    padding:7px 13px;
    border-radius:999px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.15);
    color:#fff7df;
    font-family:var(--nk-font-heading);
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.naturakoy-product-detail-eyebrow-dot {
    width:7px;
    height:7px;
    flex:0 0 auto;
    border-radius:50%;
    background:#fff3bd;
    box-shadow:0 0 0 5px rgba(255,243,189,.10);
}

.naturakoy-product-detail-family {
    display:block;
    margin-bottom:10px;
    color:rgba(255,255,255,.64);
    font-size:12px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.naturakoy-product-detail-copy h1 {
    max-width:760px;
    margin:0;
    color:#fff;
    font-family:var(--nk-font-heading);
    font-size:clamp(48px, 6vw, 86px);
    line-height:.94;
    font-weight:700;
    letter-spacing:-.058em;
}

.naturakoy-product-detail-summary {
    max-width:690px;
    margin:24px 0 0;
    color:rgba(255,255,255,.78);
    font-size:clamp(16px, 1.35vw, 20px);
    line-height:1.72;
    font-weight:500;
}

.naturakoy-product-detail-character {
    display:inline-grid;
    gap:2px;
    margin-top:24px;
    padding:12px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.12);
}

.naturakoy-product-detail-character span {
    color:rgba(255,255,255,.55);
    font-size:9px;
    line-height:1;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.naturakoy-product-detail-character strong {
    color:#fff;
    font-family:var(--nk-font-heading);
    font-size:15px;
    font-weight:700;
}

.naturakoy-product-detail-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}

.naturakoy-product-detail-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:12px 19px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-family:var(--nk-font-heading);
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    transition:transform .28s var(--nk-ease), background .28s var(--nk-ease), color .28s var(--nk-ease);
}

.naturakoy-product-detail-action:hover {
    transform:translateY(-3px);
    background:rgba(255,255,255,.10);
    color:#fff;
}

.naturakoy-product-detail-action--primary {
    border-color:#fff7df;
    background:#fff7df;
    color:#0b5f37;
}

.naturakoy-product-detail-action--primary:hover {
    background:#fff;
    color:#064828;
}

.naturakoy-product-detail-visual {
    position:relative;
    min-height:440px;
    display:grid;
    place-items:center;
}

.naturakoy-product-detail-visual::before {
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.15), rgba(255,255,255,.035) 62%, transparent 63%);
    filter:drop-shadow(0 35px 65px rgba(0,0,0,.16));
}

.naturakoy-product-detail-visual img {
    position:relative;
    z-index:5;
    display:block;
    max-width:94%;
    max-height:360px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 34px 30px rgba(0,0,0,.24));
    transform:translateY(2px);
    animation:nkDetailProductFloat 5.8s ease-in-out infinite;
}

.naturakoy-product-detail-ring {
    position:absolute;
    z-index:1;
    display:block;
    border-radius:50%;
    pointer-events:none;
}

.naturakoy-product-detail-ring--outer {
    width:390px;
    height:390px;
    border:1px solid rgba(255,255,255,.12);
    border-left-color:rgba(255,247,223,.52);
    animation:nkProductOrbit 24s linear infinite;
}

.naturakoy-product-detail-ring--inner {
    width:310px;
    height:310px;
    border:1px dashed rgba(255,255,255,.13);
    animation:nkProductOrbitReverse 31s linear infinite;
}

.naturakoy-product-detail-egg {
    position:absolute;
    z-index:0;
    right:8%;
    top:3%;
    width:84px;
    height:111px;
    border-radius:51% 49% 48% 52% / 62% 62% 38% 38%;
    background:linear-gradient(150deg, rgba(255,252,234,.86), rgba(244,222,169,.52));
    transform:rotate(13deg);
    opacity:.75;
    animation:nkDetailEggDrift 7.2s ease-in-out infinite;
}

.naturakoy-product-detail-seal {
    position:absolute;
    z-index:6;
    left:8%;
    bottom:9%;
    width:82px;
    height:82px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(8px);
    animation:nkDetailSealFloat 5.2s ease-in-out infinite;
}

.naturakoy-product-detail-seal::before,
.naturakoy-product-detail-seal::after {
    content:"";
    position:absolute;
    border-radius:50%;
}

.naturakoy-product-detail-seal::before {
    inset:10px;
    border:1px dashed rgba(255,255,255,.36);
}

.naturakoy-product-detail-seal::after {
    left:31px;
    top:22px;
    width:20px;
    height:28px;
    border-radius:52% 48% 49% 51% / 62% 62% 38% 38%;
    background:#fff7df;
}

.naturakoy-product-detail-seal i,
.naturakoy-product-detail-seal b {
    position:absolute;
    z-index:2;
    display:block;
    background:#b9d67d;
    border-radius:100% 0 100% 0;
}

.naturakoy-product-detail-seal i {
    width:15px;
    height:8px;
    right:13px;
    top:18px;
    transform:rotate(-28deg);
}

.naturakoy-product-detail-seal b {
    width:12px;
    height:7px;
    right:12px;
    top:32px;
    transform:rotate(18deg);
}

.naturakoy-product-detail-page {
    position:relative;
    overflow:hidden;
    padding:80px 0 126px;
    background:
        radial-gradient(circle at 6% 20%, var(--nk-product-soft, rgba(1,145,76,.05)), transparent 24%),
        radial-gradient(circle at 95% 66%, var(--nk-product-soft, rgba(131,182,63,.07)), transparent 23%),
        var(--nk-cream);
    color:var(--nk-green-deep);
}

.naturakoy-product-detail-story {
    display:grid;
    grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);
    gap:clamp(38px,7vw,100px);
    align-items:start;
    padding:42px;
    border-radius:34px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(35,103,52,.08);
    box-shadow:0 34px 90px -72px rgba(3,43,21,.55);
}

.naturakoy-product-detail-story-head {
    position:sticky;
    top:calc(var(--nk-header-height) + 24px);
}

.naturakoy-product-detail-story-head > span,
.naturakoy-product-related-head > div > span {
    display:block;
    margin-bottom:9px;
    color:var(--nk-product-accent, var(--nk-green));
    font-family:var(--nk-font-heading);
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.naturakoy-product-detail-story-head h2,
.naturakoy-product-related-head h2 {
    margin:0;
    color:var(--nk-green-deep);
    font-family:var(--nk-font-heading);
    font-size:clamp(30px,3vw,48px);
    line-height:1.02;
    font-weight:700;
    letter-spacing:-.045em;
}

.naturakoy-product-detail-rich {
    color:#52635a;
    font-size:16px;
    line-height:1.86;
    font-weight:500;
}

.naturakoy-product-detail-rich p {
    margin:0 0 18px;
}

.naturakoy-product-detail-rich p:first-child {
    color:#284b36;
    font-size:18px;
    font-weight:700;
}

.naturakoy-product-detail-rich p:last-child {
    margin-bottom:0;
}

.naturakoy-product-detail-data {
    margin-top:26px;
}

.nk-product-data-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.nk-product-data-grid--single .nk-product-data-card:first-child {
    grid-column:1 / -1;
}

.nk-product-data-grid--omega {
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.nk-product-data-card {
    min-width:0;
    overflow:hidden;
    padding:30px;
    border-radius:30px;
    background:#fff;
    border:1px solid rgba(35,103,52,.08);
    box-shadow:0 30px 82px -68px rgba(3,43,21,.52);
}

.nk-product-data-card--wide {
    grid-column:1 / -1;
}

.nk-product-data-title {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:20px;
}

.nk-product-data-title span {
    color:var(--nk-product-accent, var(--nk-green));
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.nk-product-data-title strong {
    color:var(--nk-green-deep);
    font-family:var(--nk-font-heading);
    font-size:20px;
    line-height:1.1;
    font-weight:700;
    text-align:right;
}

.nk-product-table-wrap {
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.nk-product-table,
.nk-product-variants-table {
    width:100%;
    min-width:640px;
    border-collapse:separate;
    border-spacing:0;
    color:#415449;
    font-size:12px;
    line-height:1.45;
}

.nk-product-table--compact {
    min-width:400px;
}

.nk-product-table th,
.nk-product-table td,
.nk-product-variants-table th,
.nk-product-variants-table td {
    padding:11px 12px;
    border-right:1px solid rgba(35,103,52,.07);
    border-bottom:1px solid rgba(35,103,52,.07);
    background:#fff;
    text-align:left;
    vertical-align:middle;
}

.nk-product-table thead th,
.nk-product-variants-table thead th {
    background:var(--nk-product-pale, #f2f9f3);
    color:var(--nk-product-deep, var(--nk-green-deep));
    font-size:10px;
    font-weight:700;
    letter-spacing:.03em;
}

.nk-product-table tbody th,
.nk-product-variants-table tbody td:first-child {
    color:#264d37;
    font-weight:700;
}

.nk-product-table tr > *:first-child,
.nk-product-variants-table tr > *:first-child {
    border-left:1px solid rgba(35,103,52,.07);
}

.nk-product-table thead tr:first-child > *,
.nk-product-variants-table thead tr:first-child > * {
    border-top:1px solid rgba(35,103,52,.07);
}

.nk-product-table thead tr:first-child > *:first-child,
.nk-product-variants-table thead tr:first-child > *:first-child {
    border-top-left-radius:12px;
}

.nk-product-table thead tr:first-child > *:last-child,
.nk-product-variants-table thead tr:first-child > *:last-child {
    border-top-right-radius:12px;
}

.nk-product-table-group th {
    background:var(--nk-product-soft, rgba(1,145,76,.08)) !important;
    color:var(--nk-product-deep, var(--nk-green-deep)) !important;
    font-size:10px;
    letter-spacing:.08em;
}

.nk-product-data-note,
.nk-product-data-serving {
    margin:13px 0 0;
    color:#758278;
    font-size:10px;
    line-height:1.55;
}

.nk-product-data-serving {
    color:var(--nk-product-deep, var(--nk-green-dark));
    font-weight:700;
}

.naturakoy-product-related {
    margin-top:78px;
}

.naturakoy-product-related-head {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:28px;
}

.naturakoy-product-related-head h2 {
    max-width:680px;
}

.naturakoy-product-related-head > a {
    flex:0 0 auto;
    padding:11px 16px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(35,103,52,.09);
    color:var(--nk-green-dark);
    font-family:var(--nk-font-heading);
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.naturakoy-product-related-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.naturakoy-product-related-card {
    position:relative;
    min-width:0;
    overflow:hidden;
    display:grid;
    grid-template-columns:44% 56%;
    min-height:210px;
    border-radius:28px;
    background:#fff;
    border:1px solid rgba(35,103,52,.08);
    color:inherit;
    text-decoration:none;
    box-shadow:0 26px 70px -62px rgba(3,43,21,.52);
    transition:transform .36s var(--nk-ease), box-shadow .36s var(--nk-ease), border-color .36s var(--nk-ease);
}

.naturakoy-product-related-card:hover {
    transform:translateY(-6px);
    border-color:var(--nk-product-soft, rgba(1,145,76,.16));
    box-shadow:0 35px 84px -62px rgba(3,43,21,.58);
}

.naturakoy-product-related-accent {
    position:absolute;
    z-index:1;
    right:-36px;
    top:-44px;
    width:130px;
    height:130px;
    border-radius:50%;
    background:var(--nk-product-soft, rgba(1,145,76,.08));
}

.naturakoy-product-related-accent i {
    position:absolute;
    left:40px;
    bottom:26px;
    width:22px;
    height:30px;
    border-radius:52% 48% 49% 51% / 62% 62% 38% 38%;
    background:#fff8e6;
    transform:rotate(8deg);
}

.naturakoy-product-related-accent b {
    position:absolute;
    left:67px;
    bottom:46px;
    width:16px;
    height:8px;
    border-radius:100% 0 100% 0;
    background:var(--nk-product-accent, #169553);
    transform:rotate(-28deg);
}

.naturakoy-product-related-image {
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    min-width:0;
    padding:20px 8px 20px 20px;
    background:linear-gradient(145deg,var(--nk-product-pale,#f5fbf6),#fff);
}

.naturakoy-product-related-image img {
    display:block;
    max-width:100%;
    max-height:150px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 18px 18px rgba(3,43,21,.10));
    transition:transform .36s var(--nk-ease);
}

.naturakoy-product-related-card:hover .naturakoy-product-related-image img {
    transform:scale(1.035) translateY(-2px);
}

.naturakoy-product-related-copy {
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:26px 24px 26px 20px;
}

.naturakoy-product-related-copy small {
    margin-bottom:7px;
    color:var(--nk-product-accent,var(--nk-green));
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.naturakoy-product-related-copy strong {
    color:var(--nk-green-deep);
    font-family:var(--nk-font-heading);
    font-size:21px;
    line-height:1.08;
    font-weight:700;
    letter-spacing:-.025em;
}

.naturakoy-product-related-copy em {
    margin-top:14px;
    color:#718077;
    font-family:var(--nk-font-heading);
    font-size:10px;
    font-style:normal;
    font-weight:700;
}

@keyframes nkProductOrbit { to { transform:rotate(360deg); } }
@keyframes nkProductOrbitReverse { to { transform:rotate(-360deg); } }
@keyframes nkProductEggFloat { 0%,100% { transform:translateY(0) rotate(7deg); } 50% { transform:translateY(-4px) rotate(4deg); } }
@keyframes nkHeaderEggFloat { 0%,100% { transform:translateY(0) rotate(7deg); } 50% { transform:translateY(-2px) rotate(5deg); } }
@keyframes nkDetailProductFloat { 0%,100% { transform:translateY(2px); } 50% { transform:translateY(-8px); } }
@keyframes nkDetailEggDrift { 0%,100% { transform:translate(0,0) rotate(13deg); } 50% { transform:translate(-8px,8px) rotate(8deg); } }
@keyframes nkDetailSealFloat { 0%,100% { transform:translateY(0) rotate(-3deg); } 50% { transform:translateY(-7px) rotate(1deg); } }

@media (max-width:1100px) {
    .naturakoy-product-detail-hero-grid { grid-template-columns:minmax(0,1fr) 360px; gap:42px; }
    .naturakoy-product-detail-visual { min-height:390px; }
    .naturakoy-product-detail-visual::before { width:320px; height:320px; }
    .naturakoy-product-detail-ring--outer { width:345px; height:345px; }
    .naturakoy-product-detail-ring--inner { width:275px; height:275px; }
    .naturakoy-product-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .naturakoy-product-related-card:last-child { display:none; }
}

@media (max-width:820px) {
    .naturakoy-product-detail-hero { min-height:0; padding:calc(var(--nk-header-height) + 46px) 0 108px; }
    .naturakoy-product-detail-hero-grid { grid-template-columns:1fr; gap:24px; }
    .naturakoy-product-detail-copy { max-width:100%; }
    .naturakoy-product-detail-copy h1 { font-size:clamp(44px,11vw,68px); }
    .naturakoy-product-detail-visual { min-height:330px; }
    .naturakoy-product-detail-visual img { max-height:285px; max-width:88%; }
    .naturakoy-product-detail-visual::before { width:290px; height:290px; }
    .naturakoy-product-detail-ring--outer { width:310px; height:310px; }
    .naturakoy-product-detail-ring--inner { width:245px; height:245px; }
    .naturakoy-product-detail-story { grid-template-columns:1fr; gap:24px; padding:32px; }
    .naturakoy-product-detail-story-head { position:static; }
    .nk-product-data-grid,
    .nk-product-data-grid--omega { grid-template-columns:1fr; }
    .nk-product-data-card--wide,
    .nk-product-data-grid--single .nk-product-data-card:first-child { grid-column:auto; }
}

@media (max-width:640px) {
    .naturakoy-product-detail-container { width:min(calc(100% - 28px),1360px); }
    .naturakoy-product-detail-hero { padding-bottom:90px; }
    .naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb { margin-bottom:28px; }
    .naturakoy-product-detail-summary { font-size:14.5px; line-height:1.68; }
    .naturakoy-product-detail-actions { margin-top:23px; }
    .naturakoy-product-detail-action { min-height:44px; padding-inline:15px; }
    .naturakoy-product-detail-visual { min-height:280px; }
    .naturakoy-product-detail-visual img { max-height:230px; }
    .naturakoy-product-detail-visual::before { width:235px; height:235px; }
    .naturakoy-product-detail-ring--outer { width:260px; height:260px; }
    .naturakoy-product-detail-ring--inner { width:205px; height:205px; }
    .naturakoy-product-detail-egg { width:58px; height:78px; }
    .naturakoy-product-detail-seal { width:64px; height:64px; left:4%; bottom:8%; }
    .naturakoy-product-detail-seal::after { left:24px; top:18px; width:16px; height:23px; }
    .naturakoy-product-detail-seal i { right:9px; top:13px; }
    .naturakoy-product-detail-seal b { right:8px; top:25px; }
    .naturakoy-product-detail-page { padding:54px 0 88px; }
    .naturakoy-product-detail-story { padding:25px 22px; border-radius:25px; }
    .naturakoy-product-detail-rich { font-size:14.5px; line-height:1.78; }
    .naturakoy-product-detail-rich p:first-child { font-size:16px; }
    .nk-product-data-card { padding:22px 18px; border-radius:24px; }
    .nk-product-data-title { align-items:start; flex-direction:column; gap:5px; }
    .nk-product-data-title strong { text-align:left; font-size:18px; }
    .nk-product-table,
    .nk-product-variants-table { font-size:11px; }
    .naturakoy-product-related { margin-top:58px; }
    .naturakoy-product-related-head { align-items:start; flex-direction:column; }
    .naturakoy-product-related-grid { grid-template-columns:1fr; }
    .naturakoy-product-related-card:last-child { display:grid; }
    .naturakoy-product-related-card { grid-template-columns:42% 58%; min-height:180px; border-radius:24px; }
    .naturakoy-product-related-image img { max-height:125px; }
    .naturakoy-product-related-copy { padding:20px 18px 20px 14px; }
    .naturakoy-products-card-accent { right:15px; top:13px; width:66px; height:66px; }
}

@media (prefers-reduced-motion:reduce) {
    .naturakoy-products-card-accent::before,
    .naturakoy-products-card-accent > i,
    .naturakoy-header-product-dot b,
    .naturakoy-header-product-icon::before,
    .naturakoy-product-detail-visual img,
    .naturakoy-product-detail-ring,
    .naturakoy-product-detail-egg,
    .naturakoy-product-detail-seal {
        animation:none !important;
    }
}

@media (max-width:640px) {
    .naturakoy-header-product-icon {
        width:42px;
        height:42px;
        border-radius:14px;
    }
    .naturakoy-header-product-icon i {
        left:16px;
        top:10px;
        width:12px;
        height:18px;
    }
    .naturakoy-header-product-icon b {
        right:3px;
        top:5px;
        width:9px;
        height:5px;
    }
}


/* ==========================================================================
   NATURAKÖY PRODUCT LIST / DETAIL — mascot return + typography harmonization
   ========================================================================== */
.naturakoy-products-card-icon--mascot {
    right: 18px;
    top: 16px;
    width: 112px;
    height: 112px;
    padding: 10px;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.72));
    border: 1px solid rgba(255,255,255,.54);
    box-shadow: 0 24px 48px -34px rgba(3,43,21,.40);
    overflow: hidden;
}

.naturakoy-products-card-icon--mascot::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 20px;
    background: radial-gradient(circle at 50% 24%, rgba(255,255,255,.86), var(--nk-product-soft, rgba(22,149,83,.16)) 78%);
}

.naturakoy-products-card-icon--mascot img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 10px 14px rgba(3,43,21,.14));
    transition: transform .36s var(--nk-ease);
}

.naturakoy-products-card:hover .naturakoy-products-card-icon--mascot img {
    transform: translateY(-2px) scale(1.03);
}

.naturakoy-product-detail-copy,
.naturakoy-product-detail-summary,
.naturakoy-product-detail-rich,
.nk-product-data-card,
.nk-product-table,
.nk-product-variants-table,
.nk-product-data-note,
.nk-product-data-serving {
    font-family: var(--nk-font-body);
}

.naturakoy-product-detail-summary {
    max-width: 760px;
    margin-top: 22px;
    font-size: clamp(16px, 1.2vw, 19px);
    line-height: 1.8;
    letter-spacing: .005em;
}

.naturakoy-product-detail-character {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 240px;
    margin-top: 20px;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.09);
}

.naturakoy-product-detail-character span {
    font-size: 10px;
    letter-spacing: .14em;
}

.naturakoy-product-detail-character strong {
    font-size: 18px;
    line-height: 1.12;
    letter-spacing: -.01em;
}

.nk-product-data-grid {
    gap: 24px;
}

.nk-product-data-card {
    padding: 32px;
}

.nk-product-data-title {
    align-items: center;
    margin-bottom: 22px;
}

.nk-product-data-title strong {
    font-size: 24px;
}

.nk-product-table,
.nk-product-variants-table {
    font-size: 13px;
    line-height: 1.55;
}

.nk-product-table--compact {
    min-width: 0;
}

.nk-product-table th,
.nk-product-table td,
.nk-product-variants-table th,
.nk-product-variants-table td {
    padding: 13px 14px;
}

.nk-product-data-card--variants {
    padding: 36px;
}

.nk-product-data-card--variants .nk-product-table-wrap {
    overflow-x: visible;
}

.nk-product-data-card--variants .nk-product-variants-table {
    min-width: 0;
    table-layout: fixed;
    font-size: 15px;
    line-height: 1.6;
}

.nk-product-data-card--variants .nk-product-variants-table th,
.nk-product-data-card--variants .nk-product-variants-table td {
    padding: 16px 18px;
}

.nk-product-data-card--variants .nk-product-variants-table thead th {
    font-size: 11px;
    letter-spacing: .08em;
}

.nk-product-data-card--variants .nk-product-variants-table td:first-child {
    width: 68%;
    color: #244b35;
    font-weight: 700;
    word-break: break-word;
}

.nk-product-data-card--variants .nk-product-variants-table td:last-child,
.nk-product-data-card--variants .nk-product-variants-table th:last-child {
    width: 32%;
    white-space: nowrap;
    text-align: right;
}

.nk-product-data-note,
.nk-product-data-serving {
    font-size: 12px;
    line-height: 1.65;
}

@media (max-width: 1100px) {
    .naturakoy-products-card-icon--mascot { width: 96px; height: 96px; right: 15px; top: 14px; }
    .nk-product-data-card--variants .nk-product-table-wrap { overflow-x: auto; }
    .nk-product-data-card--variants .nk-product-variants-table { min-width: 620px; font-size: 14px; }
}

@media (max-width: 767px) {
    .naturakoy-products-card-icon--mascot { width: 84px; height: 84px; border-radius: 22px; }
    .naturakoy-products-card-icon--mascot::before { inset: 8px; border-radius: 16px; }
    .naturakoy-product-detail-character { min-width: 0; width: 100%; max-width: 320px; }
    .nk-product-data-card,
    .nk-product-data-card--variants { padding: 24px 20px; }
    .nk-product-data-title { align-items: flex-start; }
    .nk-product-data-title strong { font-size: 20px; text-align: left; }
    .nk-product-table,
    .nk-product-variants-table { font-size: 12px; }
    .nk-product-data-card--variants .nk-product-variants-table { min-width: 520px; font-size: 13px; }
    .nk-product-data-card--variants .nk-product-variants-table th,
    .nk-product-data-card--variants .nk-product-variants-table td { padding: 14px 14px; }
}

/* ========================================================================== 
   NATURAKÖY PRODUCT CHARACTER / DETAIL REFINEMENT — 2026-09-21
   Açıklama1: /Upload/{urun-url}.png karakter görseli
   ========================================================================== */

/* Ana sayfa ürün dalgası: karakterlerin yüksekliği/konumu tutarlı. */
.nk-productwave-icon {
    overflow: hidden;
}

.nk-productwave-icon img {
    width: 86px !important;
    height: 102px !important;
    max-width: 86px;
    max-height: 102px;
    object-fit: contain !important;
    object-position: center bottom;
    transform: translateY(7px);
    filter: drop-shadow(0 9px 10px rgba(3,43,21,.12));
}

.nk-productwave-slide:not(.swiper-slide-active) .nk-productwave-icon img {
    width: 43px !important;
    height: 50px !important;
    transform: translateY(4px);
}

/* Açılır menü ürün listesi: eski yumurta çizimi yerine Açıklama1 karakteri. */
.naturakoy-header-product-dot {
    width: 54px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center;
    padding: 5px;
    border-radius: 17px !important;
    background: rgba(255,255,255,.10) !important;
    overflow: hidden;
}

.naturakoy-header-product-dot::before,
.naturakoy-header-product-dot b,
.naturakoy-header-product-dot em {
    display: none !important;
}

.naturakoy-header-product-dot img {
    display: block;
    width: 42px;
    height: 46px;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 6px 8px rgba(0,0,0,.10));
}

/* Menü alt ürün bandı: Açıklama1 karakteri. */
.naturakoy-header-product-icon {
    width: 54px;
    height: 54px;
    padding: 5px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 16px;
}

.naturakoy-header-product-icon::before,
.naturakoy-header-product-icon i,
.naturakoy-header-product-icon b {
    display: none !important;
}

.naturakoy-header-product-icon img {
    position: relative;
    z-index: 2;
    display: block;
    width: 43px !important;
    height: 47px !important;
    object-fit: contain !important;
    object-position: center bottom;
    filter: drop-shadow(0 6px 8px rgba(3,43,21,.10));
}

/* Ürünler sayfası: tüm karakter kutuları aynı ölçü ve hizada. */
.naturakoy-products-card-icon--mascot {
    right: 18px;
    top: 16px;
    width: 106px;
    height: 106px;
    padding: 9px;
}

.naturakoy-products-card-icon--mascot img {
    width: 82px !important;
    height: 88px !important;
    max-width: 82px;
    max-height: 88px;
    object-fit: contain !important;
    object-position: center bottom;
}

/* Ürün detay üst alanını iletişim/kurumsal sayfalara yakın, daha kompakt tut. */
.naturakoy-product-detail-container {
    width: min(calc(100% - 48px), 1180px);
}

.naturakoy-product-detail-hero {
    min-height: 570px;
    padding: calc(var(--nk-header-height) + 34px) 0 82px;
}

.naturakoy-product-detail-hero::after {
    height: 60px;
}

.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb {
    margin-bottom: 28px;
}

.naturakoy-product-detail-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, .82fr);
    gap: clamp(34px, 5vw, 68px);
}

.naturakoy-product-detail-copy {
    max-width: 650px;
}

.naturakoy-product-detail-copy h1 {
    max-width: 680px;
    font-size: clamp(46px, 5vw, 72px);
    line-height: .96;
}

.naturakoy-product-detail-summary {
    max-width: 640px;
    margin-top: 18px;
    font-size: clamp(15px, 1.05vw, 17px);
    line-height: 1.72;
}

.naturakoy-product-detail-character {
    min-width: 210px;
    margin-top: 16px;
    padding: 11px 15px;
}

.naturakoy-product-detail-actions {
    margin-top: 22px;
}

.naturakoy-product-detail-visual {
    min-height: 330px;
}

.naturakoy-product-detail-visual::before {
    width: 285px;
    height: 285px;
}

.naturakoy-product-detail-visual img {
    max-width: 90%;
    max-height: 275px;
}

.naturakoy-product-detail-ring--outer {
    width: 310px;
    height: 310px;
}

.naturakoy-product-detail-ring--inner {
    width: 245px;
    height: 245px;
}

.naturakoy-product-detail-egg {
    right: 5%;
    top: 1%;
    width: 64px;
    height: 85px;
}

.naturakoy-product-detail-seal {
    left: 5%;
    bottom: 7%;
    width: 68px;
    height: 68px;
}

.naturakoy-product-detail-seal::after {
    left: 25px;
    top: 18px;
    width: 17px;
    height: 24px;
}

/* Aşağı kaydırmada sabit header altında içerik kaybolmasın. */
#urun-bilgileri {
    scroll-margin-top: calc(var(--nk-header-height) + 18px);
}

.naturakoy-product-detail-page {
    padding: 58px 0 96px;
}

.naturakoy-product-detail-story {
    grid-template-columns: minmax(210px, .34fr) minmax(0, 1fr);
    gap: clamp(30px, 5vw, 66px);
    padding: 34px;
    border-radius: 30px;
}

.naturakoy-product-detail-rich {
    font-size: 15px;
    line-height: 1.78;
}

.naturakoy-product-detail-rich p:first-child {
    font-size: 17px;
}

/* Ambalaj Seçenekleri / Çeşitlerimiz her ürün tipinde tam içerik genişliğinde. */
.nk-product-data-card--variants,
.nk-product-data-grid--single .nk-product-data-card--variants,
.nk-product-data-grid--omega .nk-product-data-card--variants {
    grid-column: 1 / -1 !important;
    width: 100%;
}

.nk-product-data-card--variants .nk-product-table-wrap {
    width: 100%;
    overflow-x: visible;
}

.nk-product-data-card--variants .nk-product-variants-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    font-size: 14px;
    line-height: 1.55;
}

.nk-product-data-card--variants .nk-product-variants-table th,
.nk-product-data-card--variants .nk-product-variants-table td {
    padding: 14px 16px;
    overflow-wrap: anywhere;
}

.nk-product-data-card--variants .nk-product-variants-table th:first-child,
.nk-product-data-card--variants .nk-product-variants-table td:first-child {
    width: 68%;
}

.nk-product-data-card--variants .nk-product-variants-table th:last-child,
.nk-product-data-card--variants .nk-product-variants-table td:last-child {
    width: 32%;
    text-align: right;
    white-space: nowrap;
    overflow-wrap: normal;
}

@media (max-width: 1100px) {
    .naturakoy-product-detail-container {
        width: min(calc(100% - 38px), 1060px);
    }

    .naturakoy-product-detail-hero-grid {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 34px;
    }

    .naturakoy-product-detail-visual {
        min-height: 300px;
    }

    .naturakoy-product-detail-visual img {
        max-height: 250px;
    }

    .naturakoy-product-detail-visual::before {
        width: 260px;
        height: 260px;
    }

    .naturakoy-product-detail-ring--outer {
        width: 280px;
        height: 280px;
    }

    .naturakoy-product-detail-ring--inner {
        width: 220px;
        height: 220px;
    }
}

@media (max-width: 767px) {
    .nk-productwave-icon img {
        width: 45px !important;
        height: 52px !important;
        transform: translateY(4px);
    }

    .naturakoy-header-product-dot {
        width: 48px !important;
        height: 48px !important;
    }

    .naturakoy-header-product-dot img {
        width: 36px;
        height: 40px;
    }

    .naturakoy-products-card-icon--mascot {
        width: 86px;
        height: 86px;
        right: 14px;
        top: 14px;
    }

    .naturakoy-products-card-icon--mascot img {
        width: 66px !important;
        height: 70px !important;
    }

    .naturakoy-product-detail-container {
        width: min(calc(100% - 28px), 100%);
    }

    .naturakoy-product-detail-hero {
        padding: calc(var(--nk-header-height) + 26px) 0 70px;
    }

    .naturakoy-product-detail-hero-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .naturakoy-product-detail-copy h1 {
        font-size: clamp(40px, 11vw, 58px);
    }

    .naturakoy-product-detail-visual {
        min-height: 245px;
    }

    .naturakoy-product-detail-visual img {
        max-height: 205px;
    }

    .naturakoy-product-detail-visual::before {
        width: 210px;
        height: 210px;
    }

    .naturakoy-product-detail-ring--outer {
        width: 230px;
        height: 230px;
    }

    .naturakoy-product-detail-ring--inner {
        width: 180px;
        height: 180px;
    }

    .naturakoy-product-detail-page {
        padding: 44px 0 72px;
    }

    .naturakoy-product-detail-story {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 24px 20px;
    }

    .nk-product-data-card--variants .nk-product-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nk-product-data-card--variants .nk-product-variants-table {
        min-width: 540px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .naturakoy-header-product-icon {
        width: 42px;
        height: 42px;
        padding: 4px;
        border-radius: 13px;
    }

    .naturakoy-header-product-icon img {
        width: 32px !important;
        height: 36px !important;
    }
}


/* ==========================================================================
   NATURAKÖY PART 7 — product navigation / detail refinements
   ========================================================================== */

/* Açılır menü ürün kutucukları: maskotları biraz büyüt. */
.naturakoy-header-product-links a {
    min-height: 78px;
    padding: 12px 18px 12px 14px;
    gap: 14px;
}

.naturakoy-header-product-dot {
    width: 64px !important;
    height: 64px !important;
    padding: 6px;
    border-radius: 18px !important;
}

.naturakoy-header-product-dot img {
    width: 50px;
    height: 56px;
}

/* Menü altındaki ürün bandı artık tıklanabilir ve daha dengeli. */
.naturakoy-header-product-card {
    text-decoration: none;
}

.naturakoy-header-product-icon {
    width: 66px;
    height: 66px;
    padding: 6px;
    border-radius: 18px;
}

.naturakoy-header-product-icon img {
    width: 54px !important;
    height: 60px !important;
}

.naturakoy-header-product-text strong {
    line-height: 1.08;
}

/* Ürün detay üst alanı: genişlik sabit kalsın, sadece yükseklik daha oturaklı olsun. */
.naturakoy-product-detail-container {
    width: min(calc(100% - 48px), 1280px);
}

.naturakoy-product-detail-hero {
    min-height: 520px;
    padding: calc(var(--nk-header-height) + 28px) 0 72px;
}

.naturakoy-product-detail-hero::after {
    height: 56px;
}

.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb {
    margin-bottom: 24px;
}

.naturakoy-product-detail-hero-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    align-items: center;
    gap: clamp(34px, 4vw, 60px);
}

.naturakoy-product-detail-copy {
    max-width: 760px;
}

.naturakoy-product-detail-copy h1 {
    max-width: 720px;
    font-size: clamp(42px, 4.7vw, 66px);
    line-height: .98;
    letter-spacing: -.03em;
}

.naturakoy-product-detail-summary {
    max-width: 760px;
    margin-top: 16px;
    font-size: clamp(15px, 1.02vw, 17px);
    line-height: 1.68;
}

.naturakoy-product-detail-character {
    min-width: 230px;
    margin-top: 14px;
    padding: 12px 16px;
}

.naturakoy-product-detail-actions {
    margin-top: 20px;
    gap: 12px;
}

.naturakoy-product-detail-action {
    min-height: 48px;
    padding-inline: 22px;
    border-radius: 17px;
    font-size: 13px;
}

.naturakoy-product-detail-visual {
    min-height: 315px;
}

.naturakoy-product-detail-visual::before {
    width: 270px;
    height: 270px;
}

.naturakoy-product-detail-visual img {
    max-width: 92%;
    max-height: 255px;
}

.naturakoy-product-detail-ring--outer {
    width: 292px;
    height: 292px;
}

.naturakoy-product-detail-ring--inner {
    width: 226px;
    height: 226px;
}

.naturakoy-product-detail-egg {
    right: 6%;
    top: 2%;
    width: 58px;
    height: 78px;
}

.naturakoy-product-detail-seal {
    left: 7%;
    bottom: 7%;
    width: 64px;
    height: 64px;
}

.naturakoy-product-detail-page {
    padding: 52px 0 90px;
}

.naturakoy-product-detail-story {
    padding: 32px;
    gap: clamp(28px, 4vw, 54px);
}

/* Diğer ürünler: maskotlu, daha ince tipografi, otomatik kayan yapı. */
.naturakoy-product-related {
    margin-top: 72px;
}

.naturakoy-product-related-head h2 {
    max-width: 540px;
    font-size: clamp(32px, 3.7vw, 52px);
    line-height: 1.02;
    letter-spacing: -.03em;
}

.naturakoy-product-related-head > a {
    padding: 12px 18px;
    font-size: 12px;
}

.naturakoy-product-related-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.naturakoy-product-related-track {
    display: flex;
    align-items: stretch;
    gap: 20px;
    width: max-content;
    will-change: transform;
}

.naturakoy-product-related-card {
    flex: 0 0 380px;
    width: 380px;
    min-height: 208px;
    grid-template-columns: 44% 56%;
}

.naturakoy-product-related-mascot {
    position: absolute;
    z-index: 3;
    top: 16px;
    right: 16px;
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.7));
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 24px 46px -34px rgba(3,43,21,.34);
    overflow: hidden;
}

.naturakoy-product-related-mascot::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 18px;
    background: var(--nk-product-soft, rgba(1,145,76,.12));
}

.naturakoy-product-related-mascot img {
    position: relative;
    z-index: 2;
    width: 64px;
    height: 70px;
    object-fit: contain;
    object-position: center bottom;
}

.naturakoy-product-related-image {
    padding: 18px 10px 18px 18px;
}

.naturakoy-product-related-image img {
    max-height: 136px;
}

.naturakoy-product-related-copy {
    padding: 22px 20px 20px 14px;
}

.naturakoy-product-related-copy small {
    margin-bottom: 9px;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: .1em;
}

.naturakoy-product-related-copy strong {
    font-size: 18px;
    line-height: 1.12;
    font-weight: 700;
}

.naturakoy-product-related-copy em {
    margin-top: 12px;
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .naturakoy-product-detail-container {
        width: min(calc(100% - 36px), 1120px);
    }

    .naturakoy-product-detail-hero-grid {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 30px;
    }

    .naturakoy-product-related-card {
        flex-basis: 340px;
        width: 340px;
    }
}

@media (max-width: 767px) {
    .naturakoy-header-product-links a {
        min-height: 68px;
        padding: 10px 14px 10px 12px;
        gap: 12px;
    }

    .naturakoy-header-product-dot {
        width: 54px !important;
        height: 54px !important;
    }

    .naturakoy-header-product-dot img {
        width: 42px;
        height: 46px;
    }

    .naturakoy-header-product-icon {
        width: 58px;
        height: 58px;
    }

    .naturakoy-header-product-icon img {
        width: 46px !important;
        height: 50px !important;
    }

    .naturakoy-product-detail-container {
        width: min(calc(100% - 28px), 100%);
    }

    .naturakoy-product-detail-hero {
        min-height: auto;
        padding: calc(var(--nk-header-height) + 24px) 0 64px;
    }

    .naturakoy-product-detail-copy h1 {
        font-size: clamp(38px, 10.5vw, 56px);
    }

    .naturakoy-product-detail-summary {
        font-size: 15px;
    }

    .naturakoy-product-detail-action {
        min-height: 44px;
        padding-inline: 18px;
        font-size: 12px;
    }

    .naturakoy-product-related-head h2 {
        font-size: clamp(26px, 9vw, 38px);
    }

    .naturakoy-product-related-card {
        flex-basis: 310px;
        width: 310px;
        min-height: 188px;
    }

    .naturakoy-product-related-mascot {
        width: 68px;
        height: 68px;
        border-radius: 20px;
    }

    .naturakoy-product-related-mascot img {
        width: 54px;
        height: 58px;
    }

    .naturakoy-product-related-copy strong {
        font-size: 17px;
    }
}


/* ========================================================================== 
   NATURAKÖY PART 8 — refined type scale / compact detail actions / slider cards
   ========================================================================== */

/* Site typography rule: custom Naturaköy components do not exceed 700 weight. */
:where([class^="naturakoy-"], [class*=" naturakoy-"], [class^="nk-"], [class*=" nk-"]) h1,
:where([class^="naturakoy-"], [class*=" naturakoy-"], [class^="nk-"], [class*=" nk-"]) h2,
:where([class^="naturakoy-"], [class*=" naturakoy-"], [class^="nk-"], [class*=" nk-"]) h3,
:where([class^="naturakoy-"], [class*=" naturakoy-"], [class^="nk-"], [class*=" nk-"]) strong,
:where([class^="naturakoy-"], [class*=" naturakoy-"], [class^="nk-"], [class*=" nk-"]) b {
    font-weight: 700;
}

/* Detail hero: shorter buttons and slightly calmer title. */
.naturakoy-product-detail-copy h1 {
    font-size: clamp(40px, 4.25vw, 60px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.025em;
}

.naturakoy-product-detail-family,
.naturakoy-product-detail-eyebrow,
.naturakoy-product-detail-character span {
    font-weight: 600;
}

.naturakoy-product-detail-character strong {
    font-weight: 700;
}

.naturakoy-product-detail-actions {
    margin-top: 17px;
    gap: 10px;
}

.naturakoy-product-detail-action {
    min-height: 40px;
    padding: 8px 17px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

/* Related-product marquee: modern compact cards. */
.naturakoy-product-related-head > div > span {
    font-weight: 600;
}

.naturakoy-product-related-head h2 {
    max-width: 560px;
    font-family: var(--nk-font-heading);
    font-size: clamp(30px, 3.2vw, 46px);
    line-height: 1.05;
    letter-spacing: -.025em;
    font-weight: 700;
}

.naturakoy-product-related-head > a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 17px;
    font-size: 11px;
    font-weight: 600;
}

.naturakoy-product-related-slider {
    padding: 7px 0 14px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
}

.naturakoy-product-related-track {
    gap: 18px;
}

.naturakoy-product-related-card {
    flex: 0 0 370px;
    width: 370px;
    min-height: 190px;
    grid-template-columns: 46% 54%;
    border-radius: 26px;
}

.naturakoy-product-related-image {
    padding: 18px 18px 18px 16px;
}

.naturakoy-product-related-image img {
    max-height: 125px;
}

/* Maskot floats on the visual/copy seam instead of sitting over the label. */
.naturakoy-product-related-mascot {
    top: 18px;
    right: auto;
    left: calc(46% - 34px);
    width: 68px;
    height: 68px;
    border-radius: 21px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(35,103,52,.08);
    box-shadow: 0 16px 38px -28px rgba(3,43,21,.42);
    backdrop-filter: blur(8px);
}

.naturakoy-product-related-mascot::before {
    inset: 7px;
    border-radius: 16px;
}

.naturakoy-product-related-mascot img {
    width: 54px;
    height: 58px;
    filter: drop-shadow(0 6px 7px rgba(3,43,21,.10));
}

.naturakoy-product-related-copy {
    justify-content: center;
    padding: 25px 20px 22px 28px;
}

.naturakoy-product-related-copy small {
    margin-bottom: 8px;
    color: var(--nk-product-accent,var(--nk-green));
    font-family: var(--nk-font-body);
    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.naturakoy-product-related-copy strong {
    max-width: 170px;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: 18px;
    line-height: 1.12;
    letter-spacing: -.012em;
    font-weight: 700;
}

.naturakoy-product-related-copy em {
    margin-top: 12px;
    color: #68786f;
    font-family: var(--nk-font-body);
    font-size: 10.5px;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .naturakoy-product-related-card {
        flex-basis: 340px;
        width: 340px;
    }
}

@media (max-width: 767px) {
    .naturakoy-product-detail-copy h1 {
        font-size: clamp(36px, 10vw, 52px);
    }

    .naturakoy-product-detail-action {
        min-height: 39px;
        padding: 8px 15px;
        font-size: 11.5px;
    }

    .naturakoy-product-related-head h2 {
        font-size: clamp(26px, 8.5vw, 36px);
    }

    .naturakoy-product-related-slider {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .naturakoy-product-related-card {
        flex-basis: 300px;
        width: 300px;
        min-height: 178px;
        grid-template-columns: 45% 55%;
    }

    .naturakoy-product-related-mascot {
        left: calc(45% - 29px);
        width: 58px;
        height: 58px;
        border-radius: 18px;
    }

    .naturakoy-product-related-mascot img {
        width: 46px;
        height: 50px;
    }

    .naturakoy-product-related-copy {
        padding: 22px 15px 20px 24px;
    }

    .naturakoy-product-related-copy strong {
        font-size: 16px;
    }
}

/* ========================================================================== 
   NATURAKÖY PART 9 — compact menu products + related slider mascot alignment
   ========================================================================== */

/* Açılır menü / ürün paneli: kart yüksekliğini ve maskot-baslik oranını sıkılaştır. */
.naturakoy-header-product-links {
    gap: 7px;
}

.naturakoy-header-product-links a {
    grid-template-columns: 52px minmax(0,1fr);
    min-height: 62px;
    padding: 7px 14px 7px 10px;
    gap: 10px;
    border-radius: 16px;
}

.naturakoy-header-product-dot {
    width: 50px !important;
    height: 50px !important;
    padding: 4px;
    border-radius: 15px !important;
}

.naturakoy-header-product-dot img {
    width: 40px;
    height: 44px;
    max-width: 40px;
    max-height: 44px;
}

.naturakoy-header-product-links span {
    font-size: 13.5px;
    line-height: 1.12;
    font-weight: 600;
}

/* Ürün detay altındaki kayan ürün ailesi: daha kısa ve daha temiz oran. */
.naturakoy-product-related {
    margin-top: 60px;
}

.naturakoy-product-related-head {
    margin-bottom: 20px;
}

.naturakoy-product-related-head h2 {
    max-width: 500px;
    font-size: clamp(28px, 2.9vw, 42px);
    line-height: 1.04;
}

.naturakoy-product-related-slider {
    padding: 4px 0 9px;
}

.naturakoy-product-related-track {
    gap: 16px;
}

.naturakoy-product-related-card {
    flex: 0 0 350px;
    width: 350px;
    min-height: 170px;
    grid-template-columns: 45% 55%;
    border-radius: 24px;
}

.naturakoy-product-related-image {
    padding: 14px 14px 14px 14px;
}

.naturakoy-product-related-image img {
    max-height: 108px;
}

/* Maskotu başlık/etiketten uzaklaştır: daha sola ve yukarı. */
.naturakoy-product-related-mascot {
    top: 7px;
    left: calc(45% - 54px);
    width: 60px;
    height: 60px;
    border-radius: 18px;
}

.naturakoy-product-related-mascot::before {
    inset: 6px;
    border-radius: 14px;
}

.naturakoy-product-related-mascot img {
    width: 48px;
    height: 52px;
}

.naturakoy-product-related-copy {
    justify-content: center;
    padding: 21px 16px 18px 23px;
}

.naturakoy-product-related-copy small {
    max-width: 150px;
    margin-bottom: 6px;
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: .065em;
    font-weight: 600;
}

.naturakoy-product-related-copy strong {
    max-width: 155px;
    font-size: 16.5px;
    line-height: 1.1;
    font-weight: 700;
}

.naturakoy-product-related-copy em {
    margin-top: 9px;
    font-size: 10px;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .naturakoy-header-product-links a {
        grid-template-columns: 48px minmax(0,1fr);
        min-height: 58px;
        padding: 6px 12px 6px 9px;
    }

    .naturakoy-header-product-dot {
        width: 46px !important;
        height: 46px !important;
    }

    .naturakoy-header-product-dot img {
        width: 37px;
        height: 41px;
    }

    .naturakoy-product-related-card {
        flex-basis: 330px;
        width: 330px;
        min-height: 164px;
    }
}

@media (max-width: 767px) {
    .naturakoy-header-product-links {
        gap: 6px;
    }

    .naturakoy-header-product-links a {
        grid-template-columns: 44px minmax(0,1fr);
        min-height: 54px;
        padding: 5px 10px 5px 8px;
        gap: 9px;
    }

    .naturakoy-header-product-dot {
        width: 42px !important;
        height: 42px !important;
    }

    .naturakoy-header-product-dot img {
        width: 34px;
        height: 37px;
    }

    .naturakoy-header-product-links span {
        font-size: 12.5px;
    }

    .naturakoy-product-related {
        margin-top: 48px;
    }

    .naturakoy-product-related-head {
        margin-bottom: 16px;
    }

    .naturakoy-product-related-card {
        flex-basis: 286px;
        width: 286px;
        min-height: 156px;
        grid-template-columns: 44% 56%;
    }

    .naturakoy-product-related-image img {
        max-height: 96px;
    }

    .naturakoy-product-related-mascot {
        top: 6px;
        left: calc(44% - 46px);
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }

    .naturakoy-product-related-mascot img {
        width: 41px;
        height: 45px;
    }

    .naturakoy-product-related-copy {
        padding: 18px 13px 16px 20px;
    }

    .naturakoy-product-related-copy small {
        font-size: 8.5px;
    }

    .naturakoy-product-related-copy strong {
        font-size: 15.5px;
    }
}

/* ========================================================================== 
   NATURAKÖY PART 11 — product detail full alignment + breadcrumb typography
   ========================================================================== */

/* Ürün detay container'ı ana menü/header ile aynı 1440px grid'e oturur. */
.naturakoy-product-detail-container {
    width: min(var(--nk-container), calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}

/* Hero içeriği geniş container içinde daha dengeli dağılır. */
.naturakoy-product-detail-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr);
    gap: clamp(42px, 5vw, 82px);
}

.naturakoy-product-detail-copy {
    max-width: 790px;
}

.naturakoy-product-detail-copy h1 {
    max-width: 790px;
}

.naturakoy-product-detail-summary {
    max-width: 760px;
}

/* Sitemap / breadcrumb: site genelindeki güncel body fontu ve daha sakin ağırlık. */
.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb {
    margin-bottom: 24px;
    gap: 10px;
    color: rgba(255,255,255,.64);
    font-family: var(--nk-font-body);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: 0;
}

.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb a,
.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb strong {
    color: rgba(255,255,255,.90);
    font-family: var(--nk-font-body);
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb a {
    transition: color .22s var(--nk-ease), opacity .22s var(--nk-ease);
}

.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb a:hover {
    color: #fff;
}

.naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb > span {
    color: rgba(255,255,255,.38);
    font-weight: 500;
}

/* Alt içerik de hero ve header ile aynı sol/sağ çizgide kalır. */
.naturakoy-product-detail-page > .naturakoy-product-detail-container {
    width: min(var(--nk-container), calc(100% - 48px));
}

@media (max-width: 1100px) {
    .naturakoy-product-detail-container,
    .naturakoy-product-detail-page > .naturakoy-product-detail-container {
        width: min(var(--nk-container), calc(100% - 36px));
    }

    .naturakoy-product-detail-hero-grid {
        grid-template-columns: minmax(0, 1fr) 350px;
        gap: 34px;
    }
}

@media (max-width: 767px) {
    .naturakoy-product-detail-container,
    .naturakoy-product-detail-page > .naturakoy-product-detail-container {
        width: min(var(--nk-container), calc(100% - 28px));
    }

    .naturakoy-product-detail-hero-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .naturakoy-product-detail-hero .naturakoy-pagehero-breadcrumb {
        margin-bottom: 20px;
        gap: 7px;
        font-size: 12px;
    }
}

/* ========================================================================== 
   NATURAKÖY PART 12 — Footer links, legal pages and cookie preferences
   ========================================================================== */

.naturakoy-footer-social a {
    text-decoration: none;
}

.naturakoy-footer-bottom-links a[data-cookie-preferences-open],
.naturakoy-footer-col a[data-cookie-preferences-open] {
    cursor: pointer;
}

/* Legal / privacy pages */
.naturakoy-legal-container {
    width: min(calc(100% - 48px), 1440px);
    margin: 0 auto;
}

.naturakoy-legalhero {
    position: relative;
    overflow: hidden;
    min-height: 440px;
    padding: calc(var(--nk-header-height) + 42px) 0 86px;
    background:
        radial-gradient(circle at 82% 22%, rgba(173,206,85,.20), transparent 26%),
        linear-gradient(118deg, #06482d 0%, #08733f 52%, #6d9230 100%);
    color: #fff;
}

.naturakoy-legalhero::after {
    content: "";
    position: absolute;
    left: -2%;
    right: -2%;
    bottom: -1px;
    height: 58px;
    background: var(--nk-cream);
    clip-path: polygon(0 54%, 18% 72%, 36% 60%, 58% 77%, 76% 63%, 100% 74%, 100% 100%, 0 100%);
}

.naturakoy-legalhero-orb {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.10);
    pointer-events: none;
}

.naturakoy-legalhero-orb--left {
    width: 290px;
    height: 290px;
    left: -120px;
    bottom: -80px;
}

.naturakoy-legalhero-orb--right {
    width: 390px;
    height: 390px;
    right: -110px;
    top: -130px;
}

.naturakoy-legal-breadcrumb {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 58px;
    font-family: var(--nk-font-body);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    color: rgba(255,255,255,.68);
}

.naturakoy-legal-breadcrumb a,
.naturakoy-legal-breadcrumb strong {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

.naturakoy-legalhero-copy {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

.naturakoy-legalhero-kicker {
    display: block;
    margin-bottom: 14px;
    color: #e8efb6;
    font-family: var(--nk-font-body);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.naturakoy-legalhero h1 {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-family: var(--nk-font-heading);
    font-size: clamp(44px, 5.4vw, 76px);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -.04em;
}

.naturakoy-legalhero-copy p {
    max-width: 760px;
    margin: 20px 0 0;
    color: rgba(255,255,255,.76);
    font-family: var(--nk-font-body);
    font-size: 16px;
    line-height: 1.72;
    font-weight: 400;
}

.naturakoy-legalpage {
    padding: 54px 0 110px;
    background: var(--nk-cream);
}

.naturakoy-legal-card {
    position: relative;
    padding: clamp(28px, 4vw, 58px);
    border: 1px solid rgba(35,103,52,.08);
    border-radius: 32px;
    background: #fff;
    box-shadow: 0 34px 90px -72px rgba(3,43,21,.42);
    color: #4c5d53;
    font-family: var(--nk-font-body);
    font-size: 15px;
    line-height: 1.78;
    font-weight: 400;
}

.naturakoy-legal-card p,
.naturakoy-legal-card ul,
.naturakoy-legal-card ol,
.naturakoy-legal-card table,
.naturakoy-legal-card .table-responsive {
    margin-top: 0;
    margin-bottom: 18px;
}

.naturakoy-legal-card strong {
    color: var(--nk-green-deep);
    font-weight: 700;
}

.naturakoy-legal-card p > strong:only-child,
.naturakoy-legal-card p:first-child > strong {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 6px;
    font-family: var(--nk-font-heading);
    font-size: clamp(22px, 2.3vw, 31px);
    line-height: 1.15;
    font-weight: 700;
}

.naturakoy-legal-card a {
    color: var(--nk-green);
    font-weight: 600;
}

.naturakoy-legal-card .table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.naturakoy-legal-card table {
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
}

.naturakoy-legal-card th,
.naturakoy-legal-card td {
    padding: 12px 14px;
    border-right: 1px solid rgba(35,103,52,.08);
    border-bottom: 1px solid rgba(35,103,52,.08);
    text-align: left;
    vertical-align: top;
}

.naturakoy-legal-card th {
    background: rgba(1,145,76,.07);
    color: var(--nk-green-deep);
    font-weight: 600;
}

.naturakoy-legal-anchor {
    display: block;
    position: relative;
    top: calc(-1 * (var(--nk-header-height) + 26px));
    visibility: hidden;
}

/* Cookie bar */
.naturakoy-cookiebar[hidden] {
    display: none !important;
}

.naturakoy-cookiebar {
    position: fixed;
    z-index: 9998;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    width: min(calc(100% - 44px), 1180px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 22px 24px;
    border: 1px solid rgba(20,45,34,.12);
    border-radius: 22px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 24px 70px rgba(0,35,18,.22);
    backdrop-filter: blur(18px);
    color: #142d22;
    font-family: var(--nk-font-body);
}

.naturakoy-cookiebar-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.naturakoy-cookiebar-copy > span,
.naturakoy-cookie-modal-kicker {
    display: block;
    margin-bottom: 6px;
    color: var(--nk-green);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.naturakoy-cookiebar-copy > strong {
    display: block;
    margin-bottom: 7px;
    color: #142d22;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;
}

.naturakoy-cookiebar-copy p {
    margin: 0;
    color: #65736c;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 400;
}

.naturakoy-cookiebar-copy a {
    color: #287a60;
    font-weight: 600;
}

.naturakoy-cookiebar-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.naturakoy-cookiebar-actions button,
.naturakoy-cookie-modal-actions button {
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid rgba(15,63,44,.13);
    border-radius: 11px;
    background: #fff;
    color: #244d3b;
    font-family: var(--nk-font-body);
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

.naturakoy-cookiebar-actions button:hover,
.naturakoy-cookie-modal-actions button:hover {
    transform: translateY(-1px);
    border-color: rgba(1,145,76,.28);
}

.naturakoy-cookiebar-actions button[data-cookie-manage] {
    background: #eef7f3;
}

.naturakoy-cookiebar-actions button.is-primary,
.naturakoy-cookie-modal-actions button {
    border-color: #168e72;
    background: #168e72;
    color: #fff;
}

/* Cookie preference modal */
.naturakoy-cookie-modal {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.naturakoy-cookie-modal.is-open {
    display: flex;
}

.naturakoy-cookie-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4,24,16,.58);
    backdrop-filter: blur(5px);
}

.naturakoy-cookie-modal-card {
    position: relative;
    z-index: 2;
    width: min(100%, 650px);
    max-height: min(88vh, 760px);
    overflow-y: auto;
    padding: 30px;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 40px 100px rgba(0,30,15,.30);
    color: #18382a;
    font-family: var(--nk-font-body);
}

.naturakoy-cookie-modal-close {
    position: absolute;
    right: 18px;
    top: 16px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #f0f5f2;
    color: #234b39;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.naturakoy-cookie-modal-card h2 {
    margin: 0;
    padding-right: 48px;
    color: var(--nk-green-deep);
    font-family: var(--nk-font-heading);
    font-size: clamp(28px, 4vw, 38px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -.025em;
}

.naturakoy-cookie-modal-intro {
    margin: 13px 0 22px;
    color: #68776f;
    font-size: 13px;
    line-height: 1.65;
}

.naturakoy-cookie-option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 12px;
    padding: 17px 18px;
    border: 1px solid rgba(25,86,58,.10);
    border-radius: 18px;
    background: #fbfdfb;
    cursor: pointer;
}

.naturakoy-cookie-option > div {
    flex: 1 1 auto;
    min-width: 0;
}

.naturakoy-cookie-option strong {
    display: block;
    margin-bottom: 4px;
    color: #183b2a;
    font-size: 14px;
    font-weight: 700;
}

.naturakoy-cookie-option p {
    margin: 0;
    color: #748078;
    font-size: 12px;
    line-height: 1.55;
}

.naturakoy-cookie-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.naturakoy-cookie-status {
    flex: 0 0 auto;
    padding: 7px 10px;
    border-radius: 999px;
    background: #edf6f1;
    color: #317158;
    font-size: 10px;
    font-weight: 600;
}

.naturakoy-cookie-switch {
    position: relative;
    flex: 0 0 auto;
    width: 48px;
    height: 27px;
    border-radius: 999px;
    background: #d8e0dc;
    transition: background .22s ease;
}

.naturakoy-cookie-switch::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,.16);
    transition: transform .22s ease;
}

.naturakoy-cookie-option input:checked + .naturakoy-cookie-switch {
    background: #168e72;
}

.naturakoy-cookie-option input:checked + .naturakoy-cookie-switch::after {
    transform: translateX(21px);
}

.naturakoy-cookie-modal-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
}

.naturakoy-cookie-modal-actions a {
    color: #43705d;
    font-size: 11px;
    font-weight: 600;
}

.naturakoy-cookie-modal-open {
    overflow: hidden;
}

@media (max-width: 900px) {
    .naturakoy-cookiebar {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .naturakoy-cookiebar-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .naturakoy-cookiebar-actions button {
        flex: 1 1 150px;
    }
}

@media (max-width: 767px) {
    .naturakoy-legal-container {
        width: min(calc(100% - 28px), 100%);
    }

    .naturakoy-legalhero {
        min-height: 0;
        padding: calc(var(--nk-header-height) + 26px) 0 68px;
    }

    .naturakoy-legal-breadcrumb {
        margin-bottom: 34px;
        font-size: 11px;
    }

    .naturakoy-legalhero h1 {
        font-size: clamp(38px, 11vw, 56px);
    }

    .naturakoy-legalhero-copy p {
        font-size: 14px;
    }

    .naturakoy-legalpage {
        padding: 34px 0 78px;
    }

    .naturakoy-legal-card {
        padding: 24px 20px;
        border-radius: 24px;
        font-size: 14px;
        line-height: 1.72;
    }

    .naturakoy-cookiebar {
        bottom: 12px;
        width: min(calc(100% - 24px), 100%);
        padding: 18px;
        border-radius: 18px;
    }

    .naturakoy-cookiebar-copy > strong {
        font-size: 16px;
    }

    .naturakoy-cookiebar-actions {
        gap: 8px;
    }

    .naturakoy-cookiebar-actions button {
        flex: 1 1 100%;
        min-height: 40px;
    }

    .naturakoy-cookie-modal {
        padding: 12px;
    }

    .naturakoy-cookie-modal-card {
        padding: 24px 18px 20px;
        border-radius: 22px;
    }

    .naturakoy-cookie-option {
        align-items: flex-start;
        padding: 15px;
    }

    .naturakoy-cookie-modal-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .naturakoy-cookie-modal-actions button {
        width: 100%;
    }
}


/* ========================================================================== 
   NATURAKÖY PART 13 — Legal pages full-width layout + legal hero artwork
   ========================================================================== */
.naturakoy-legalhero {
    min-height: 0;
    padding: calc(var(--nk-header-height) + 32px) 0 66px;
}

.naturakoy-legal-breadcrumb {
    margin-bottom: 34px;
}

.naturakoy-legalhero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    align-items: center;
    gap: clamp(36px, 6vw, 92px);
    min-height: 250px;
}

.naturakoy-legalhero-copy {
    max-width: 920px;
}

.naturakoy-legalhero h1 {
    max-width: 920px;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1;
}

.naturakoy-legalhero-copy p {
    max-width: 820px;
    margin-top: 16px;
}

.naturakoy-legalhero-art {
    position: relative;
    min-height: 250px;
    display: grid;
    place-items: center;
}

.naturakoy-legalhero-art::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.13), rgba(255,255,255,.035) 63%, transparent 64%);
}

.naturakoy-legalhero-art svg {
    position: relative;
    z-index: 2;
    width: min(100%, 390px);
    height: auto;
    overflow: visible;
    filter: drop-shadow(0 28px 42px rgba(0,0,0,.12));
}

.naturakoy-legalhero-art-ring {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    pointer-events: none;
}

.naturakoy-legalhero-art-ring--outer {
    width: 330px;
    height: 330px;
    border: 1px solid rgba(255,255,255,.13);
}

.naturakoy-legalhero-art-ring--inner {
    width: 255px;
    height: 255px;
    border: 1px dashed rgba(255,255,255,.12);
}

.naturakoy-legalhero-art .nk-legal-doc {
    fill: rgba(255,255,255,.94);
    stroke: rgba(255,255,255,.38);
    stroke-width: 2;
}

.naturakoy-legalhero-art .nk-legal-doc-fold {
    fill: rgba(225,240,190,.48);
    stroke: rgba(17,93,54,.20);
    stroke-width: 2;
}

.naturakoy-legalhero-art .nk-legal-line {
    fill: none;
    stroke: rgba(19,92,57,.38);
    stroke-width: 8;
    stroke-linecap: round;
}

.naturakoy-legalhero-art .nk-legal-shield {
    fill: #e8efb6;
    stroke: rgba(255,255,255,.55);
    stroke-width: 2;
}

.naturakoy-legalhero-art .nk-legal-check {
    fill: none;
    stroke: #0a6940;
    stroke-width: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.naturakoy-legalhero-art .nk-legal-leaf {
    fill: rgba(202,224,121,.46);
}

.naturakoy-legalhero-art .nk-legal-leaf-vein {
    fill: none;
    stroke: rgba(255,255,255,.56);
    stroke-width: 4;
    stroke-linecap: round;
}

.naturakoy-legalpage {
    padding: 48px 0 100px;
}

.naturakoy-legal-card {
    width: 100%;
    max-width: none;
    overflow: hidden;
}

/* Eski editör HTML'indeki sabit tablo/genişlik değerlerini tam içerik alanına yay. */
.naturakoy-legal-card .table-responsive,
.naturakoy-legal-card table,
.naturakoy-legal-card table.table {
    width: 100% !important;
    max-width: none !important;
}

.naturakoy-legal-card table,
.naturakoy-legal-card table.table {
    min-width: 100% !important;
    table-layout: auto;
}

.naturakoy-legal-card .table-responsive {
    display: block;
    overflow-x: auto;
}

.naturakoy-legal-card td,
.naturakoy-legal-card th {
    box-sizing: border-box;
}

.naturakoy-legal-card td:first-child,
.naturakoy-legal-card th:first-child {
    width: 26%;
}

.naturakoy-legal-card td:last-child,
.naturakoy-legal-card th:last-child {
    width: 74%;
}

@media (max-width: 980px) {
    .naturakoy-legalhero-grid {
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 28px;
    }

    .naturakoy-legalhero-art {
        min-height: 220px;
    }

    .naturakoy-legalhero-art::before {
        width: 250px;
        height: 250px;
    }

    .naturakoy-legalhero-art-ring--outer {
        width: 276px;
        height: 276px;
    }

    .naturakoy-legalhero-art-ring--inner {
        width: 210px;
        height: 210px;
    }
}

@media (max-width: 767px) {
    .naturakoy-legalhero {
        padding: calc(var(--nk-header-height) + 24px) 0 64px;
    }

    .naturakoy-legal-breadcrumb {
        margin-bottom: 28px;
    }

    .naturakoy-legalhero-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        min-height: 0;
    }

    .naturakoy-legalhero-art {
        display: none;
    }

    .naturakoy-legalpage {
        padding: 32px 0 72px;
    }

    .naturakoy-legal-card .table-responsive {
        margin-left: -4px;
        margin-right: -4px;
        width: calc(100% + 8px) !important;
    }

    .naturakoy-legal-card table,
    .naturakoy-legal-card table.table {
        min-width: 680px !important;
    }
}
\n\n/* ==========================================================================\n   NATURAKÖY PART 14 — footer kalite belgesi + müşteri danışma hattı\n   ========================================================================== */\n.naturakoy-footer-quality {\n    width: min(100%, 390px);\n    margin-top: 26px;\n    padding: 14px 16px 13px;\n    border-radius: 20px;\n    background: rgba(255,255,255,.075);\n    border: 1px solid rgba(255,255,255,.13);\n    box-shadow: 0 18px 45px -34px rgba(0,0,0,.48);\n}\n\n.naturakoy-footer-quality-copy {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 14px;\n    margin-bottom: 10px;\n}\n\n.naturakoy-footer-quality-copy span {\n    color: var(--nk-straw);\n    font-size: 9px;\n    line-height: 1;\n    font-weight: 600;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n}\n\n.naturakoy-footer-quality-copy strong {\n    color: rgba(255,255,255,.82);\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 600;\n}\n\n.naturakoy-footer-quality-image {\n    width: 100%;\n    min-height: 58px;\n    display: grid;\n    place-items: center;\n    padding: 9px 12px;\n    border-radius: 13px;\n    background: #fff;\n    overflow: hidden;\n}\n\n.naturakoy-footer-quality-image img {\n    display: block;\n    width: 100%;\n    max-width: 350px;\n    max-height: 76px;\n    height: auto;\n    object-fit: contain;\n}\n\n.naturakoy-footer-contact-item--support {\n    align-items: center;\n}\n\n.naturakoy-footer-contact-copy {\n    min-width: 0;\n    display: grid;\n    gap: 2px;\n}\n\n.naturakoy-footer-contact-copy small {\n    color: rgba(255,255,255,.58);\n    font-size: 9px;\n    line-height: 1.2;\n    font-weight: 600;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n}\n\n.naturakoy-footer-contact-copy strong {\n    color: inherit;\n    font-size: 14px;\n    line-height: 1.25;\n    font-weight: 600;\n}\n\n@media (max-width: 767px) {\n    .naturakoy-footer-quality {\n        width: 100%;\n        max-width: 360px;\n        margin-top: 22px;\n    }\n\n    .naturakoy-footer-quality-copy {\n        align-items: flex-start;\n        flex-direction: column;\n        gap: 5px;\n    }\n}\n

/* ==========================================================================
   NATURAKÖY PART 15 — footer danışma hattı + kalite belgesi sadeleştirme
   ========================================================================== */
.naturakoy-footer-quality {
    margin-top: 22px;
    padding: 10px 12px;
}

.naturakoy-footer-quality-copy {
    display: none !important;
}

.naturakoy-footer-quality-image {
    min-height: 54px;
    padding: 8px 10px;
}

.naturakoy-footer-support-block {
    display: block;
    width: 100%;
    margin-top: 8px;
}

.naturakoy-footer-support-block h4 {
    margin: 0 0 8px;
    color: #fff;
    font-family: var(--nk-font-heading);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 600;
}

.naturakoy-footer-support-block .naturakoy-footer-contact-item--support {
    display: inline-flex;
    align-items: center;
    width: auto;
    margin: 0;
}

.naturakoy-footer-support-block .naturakoy-footer-contact-item--support strong {
    display: block;
    color: inherit;
    font-family: var(--nk-font-body);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}

@media (max-width: 767px) {
    .naturakoy-footer-quality {
        margin-top: 18px;
    }

    .naturakoy-footer-support-block {
        margin-top: 10px;
    }
}


/* ==========================================================================
   NATURAKÖY PART 16 — footer belge ölçeği + danışma hattı konumu
   ========================================================================== */
.naturakoy-footer-quality {
    width: min(100%, 270px);
    margin-top: 18px;
    padding: 7px 9px;
    border-radius: 16px;
}

.naturakoy-footer-quality-image {
    min-height: 42px;
    padding: 5px 7px;
    border-radius: 10px;
}

.naturakoy-footer-quality-image img {
    width: auto;
    max-width: 238px;
    max-height: 54px;
}

.naturakoy-footer-support-block {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.naturakoy-footer-support-block h4 {
    margin-bottom: 7px;
}

.naturakoy-footer-support-block .naturakoy-footer-contact-item--support {
    margin-bottom: 0;
}

.naturakoy-footer-social {
    margin-top: 14px;
}

@media (max-width: 767px) {
    .naturakoy-footer-quality {
        width: min(100%, 250px);
        max-width: 250px;
        margin-top: 16px;
    }

    .naturakoy-footer-quality-image img {
        max-width: 220px;
        max-height: 50px;
    }

    .naturakoy-footer-support-block {
        margin-top: 14px;
        padding-top: 12px;
    }
}


/* ========================================================================== 
   NATURAKÖY PART 19 — menu product panel: all products / 2-column layout
   ========================================================================== */

/* Masaüstünde ürün paneline biraz daha alan ver; sol menüyü bozmadan 2 kolon sığdır. */
@media (min-width: 1101px) {
    .naturakoy-header-menu-body {
        grid-template-columns: minmax(0, .82fr) minmax(560px, 620px);
        gap: clamp(34px, 4vw, 62px);
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] {
        min-height: 0;
        padding: 24px 24px 26px;
        border-radius: 28px;
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] h3 {
        max-width: 500px;
        font-size: clamp(26px, 2vw, 32px);
        line-height: 1.06;
        font-weight: 700;
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] > p {
        max-width: 500px;
        margin-top: 9px;
        font-size: 13.5px;
        line-height: 1.55;
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin-top: 18px;
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links a {
        position: relative;
        grid-template-columns: 56px minmax(0, 1fr);
        min-height: 70px;
        padding: 8px 12px 8px 9px;
        gap: 10px;
        border-radius: 17px;
        background:
            linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.075));
        border: 1px solid rgba(255,255,255,.16);
        overflow: hidden;
        transition: transform .25s var(--nk-ease), background .25s var(--nk-ease), border-color .25s var(--nk-ease);
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links a::after {
        content: "";
        position: absolute;
        right: -26px;
        bottom: -36px;
        width: 86px;
        height: 86px;
        border-radius: 50%;
        background: rgba(255,255,255,.045);
        pointer-events: none;
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links a:hover {
        transform: translateY(-2px);
        background: rgba(255,255,255,.17);
        border-color: rgba(255,255,255,.25);
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-dot {
        width: 54px !important;
        height: 54px !important;
        padding: 4px;
        border-radius: 16px !important;
        background: rgba(255,255,255,.10) !important;
        border: 1px solid rgba(255,255,255,.12);
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-dot img {
        width: 44px;
        height: 48px;
        max-width: 44px;
        max-height: 48px;
        object-fit: contain;
        object-position: center bottom;
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links span {
        position: relative;
        z-index: 2;
        font-size: 13px;
        line-height: 1.15;
        font-weight: 600;
    }
}

/* Orta ekranlarda da iki kolon kullan; ekran daralınca tek kolona dön. */
@media (min-width: 768px) and (max-width: 1100px) {
    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links a {
        min-height: 62px;
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 7px 10px 7px 8px;
    }

    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links span {
        font-size: 12.5px;
    }
}

@media (max-width: 767px) {
    .naturakoy-header-preview-panel[data-naturakoy-panel-content="urunler"] .naturakoy-header-product-links {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   NATURAKÖY PART 20 — hero slogan rotation state guard
   ========================================================================== */
.nk-herovideo-title-text:not(.is-active):not(.is-leaving) {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
}

.nk-herovideo-title-text.is-active,
.nk-herovideo-title-text.is-leaving {
    visibility: visible;
}