/*
Theme Name: NEA V2
Theme URI: https://novaearthart.com
Author: Nova Earth Art
Description: Nova Earth Art için özel, hafif ve WooCommerce odaklı tema.
Version: 1.0.0
Text Domain: nea-v2
*/

/* =========================================================
   1. TEMEL
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
    color: #111;
}

img {
    max-width: 100%;
    height: auto;
}

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

button,
input,
select,
textarea {
    font: inherit;
}

.nea-home {
    width: 100%;
    overflow: hidden;
}


/* =========================================================
   2. HEADER
   ========================================================= */

.nea-site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: rgba(255,255,255,.97);
    border-bottom: 1px solid #eee;
}

.nea-header-inner {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
}

.nea-logo {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.4px;
    white-space: nowrap;
}

.nea-desktop-nav {
    display: none;
}

.nea-mobile-header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.nea-header-icon {
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nea-header-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #111;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nea-header-cart-count {
    position: absolute;
    top: -6px;
    right: -7px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
}


/* =========================================================
   3. ÜST YATAY SEKME MENÜSÜ
   ========================================================= */

.nea-top-category-tabs {
    position: relative;
    top: auto;
    z-index: 900;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.nea-top-category-tabs-scroll {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    min-width: 0;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.nea-top-category-tabs-scroll::-webkit-scrollbar {
    display: none;
}

.nea-top-category-tab {
    flex: 0 0 auto;
    min-height: 44px;
    display: flex;
    align-items: center;
    color: #111;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
}

.nea-top-category-tab:active {
    opacity: .55;
}


/* =========================================================
   4. HERO SLIDER
   ========================================================= */

.nea-hero-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #eee;
}

.nea-hero-slider-track {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.nea-hero-slider-track::-webkit-scrollbar {
    display: none;
}

.nea-hero-slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 310px;
    display: block;
    overflow: hidden;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    color: #fff;
}

.nea-hero-slide-media {
    position: absolute;
    inset: 0;
}

.nea-hero-slide-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.nea-hero-slide-fallback {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #efefef 0%, #d8d8d8 100%);
}

.nea-hero-slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.58) 0%,
        rgba(0,0,0,.16) 44%,
        rgba(0,0,0,0) 72%
    );
}

.nea-hero-slide-content {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 30px;
    z-index: 2;
}

.nea-hero-slide-eyebrow {
    display: block;
    margin-bottom: 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.nea-hero-slide-content h2 {
    margin: 0 0 5px;
    font-size: 28px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -.7px;
}

.nea-hero-slide-content p {
    margin: 0;
    max-width: 270px;
    font-size: 12px;
    line-height: 1.4;
}

.nea-hero-slider-dots {
    position: absolute;
    left: 50%;
    bottom: 11px;
    z-index: 5;
    display: flex;
    gap: 5px;
    transform: translateX(-50%);
}

.nea-hero-slider-dots span {
    width: 18px;
    height: 2px;
    display: block;
    background: rgba(255,255,255,.35);
    transition: width .25s ease, background .25s ease;
    cursor: pointer;
}

.nea-hero-slider-dots span.active {
    width: 28px;
    background: #fff;
}

.nea-hero-arrow {
    display: none !important;
}


/* =========================================================
   5. BÖLÜM BAŞLIKLARI
   ========================================================= */

.nea-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    margin-bottom: 12px;
}

.nea-section-head h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

.nea-section-head a,
.nea-view-all {
    font-size: 13px;
    color: #666;
}


/* =========================================================
   6. KATEGORİ ŞERİDİ
   ========================================================= */

.nea-category-strip {
    width: 100%;
    padding: 16px 0 20px;
    background: #fff;
}

.nea-category-strip .nea-section-head {
    margin-bottom: 10px;
}

.nea-category-strip .nea-section-head h2 {
    font-size: 18px;
}

.nea-horizontal-scroll {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 0 14px 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.nea-horizontal-scroll::-webkit-scrollbar {
    display: none;
}

.nea-category-item {
    flex: 0 0 68px;
    width: 68px;
    min-width: 68px;
    max-width: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #111;
}

.nea-category-image {
    position: relative;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    min-width: 62px;
    min-height: 62px;
    max-width: 62px;
    max-height: 62px;
    aspect-ratio: 1 / 1;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    background: #eee;
}

.nea-category-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.nea-category-empty {
    display: block;
    width: 100%;
    height: 100%;
    background: #eee;
}

.nea-category-name {
    display: block;
    width: 68px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nea-category-placeholder {
    flex: 0 0 68px;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #ededed;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    text-align: center;
}

#nea-categories {
    scroll-margin-top: 70px;
}


/* =========================================================
   7. ÜRÜN BÖLÜMLERİ
   ========================================================= */

.nea-product-section {
    padding: 22px 0 30px;
}

.nea-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
}

.nea-product-card {
    min-width: 0;
    background: #fff;
}

.nea-product-card-link {
    display: block;
}

.nea-product-card-image {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: #f2f2f2;
}

.nea-product-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nea-product-card-info {
    padding: 9px 9px 12px;
}

.nea-product-card-title {
    margin: 0 0 6px;
    min-height: 30px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nea-product-card-price {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.nea-product-card-price del {
    margin-right: 5px;
    color: #888;
    font-size: 11px;
    font-weight: 400;
}

.nea-product-placeholder {
    min-height: 270px;
    background: #eee;
    display: flex;
    align-items: flex-end;
    padding: 12px;
    font-size: 13px;
}


/* =========================================================
   8. KAMPANYA / KOLEKSİYON BANNER
   ========================================================= */

.nea-feature-banner {
    padding: 10px 0 28px;
}

.nea-feature-banner-link {
    display: block;
}

.nea-feature-banner .nea-placeholder {
    min-height: 300px;
    display: flex;
    align-items: flex-end;
    padding: 20px 16px;
    background: #dadada;
    font-size: 22px;
    font-weight: 700;
}

.nea-feature-banner .nea-placeholder > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nea-feature-small {
    font-size: 10px;
    letter-spacing: 1.4px;
}

.nea-feature-action {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
}


/* =========================================================
   9. FOOTER
   ========================================================= */

.nea-site-footer {
    padding: 40px 16px 100px;
    background: #111;
    color: #fff;
    font-size: 12px;
}

.nea-footer-inner p {
    margin: 0;
}


/* =========================================================
   10. MOBİL ALT NAVİGASYON
   ========================================================= */

.nea-mobile-bottom-nav {
    display: none;
}

@media (max-width: 767px) {

    body {
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }

    .nea-mobile-bottom-nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        height: calc(64px + env(safe-area-inset-bottom));
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        padding: 7px 4px env(safe-area-inset-bottom);
        background: rgba(255,255,255,.97);
        border-top: 1px solid #e8e8e8;
        box-shadow: 0 -4px 16px rgba(0,0,0,.05);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .nea-bottom-item {
        width: 20%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #6f6f6f;
        font-size: 10px;
        font-weight: 500;
        line-height: 1;
        -webkit-tap-highlight-color: transparent;
    }

    .nea-bottom-item svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .nea-bottom-item:active {
        color: #111;
        transform: scale(.95);
    }

    .nea-bottom-item.active {
        color: #111;
        font-weight: 700;
    }
}


/* =========================================================
   11. MASAÜSTÜ
   ========================================================= */

@media (min-width: 768px) {

    .nea-header-inner,
    .nea-footer-inner {
        max-width: 1240px;
        margin: 0 auto;
    }

    .nea-header-inner {
        height: 70px;
    }

    .nea-mobile-header-actions {
        display: none;
    }

    .nea-desktop-nav {
        display: block;
    }

    .nea-top-category-tabs-scroll {
        max-width: 1240px;
        margin: 0 auto;
        gap: 30px;
        padding: 0 16px;
    }

    .nea-top-category-tab {
        min-height: 46px;
        font-size: 14px;
    }

    .nea-hero-slide {
        height: 560px;
    }

    .nea-hero-slide-content {
        left: max(6vw, 60px);
        bottom: 55px;
    }

    .nea-hero-slide-content h2 {
        font-size: 50px;
    }

    .nea-hero-slide-content p {
        max-width: 420px;
        font-size: 16px;
    }

    .nea-hero-arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 30;
        width: 80px;
        padding: 0;
        margin: 0;
        border: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: transparent;
        color: #fff;
        font-size: 52px;
        font-weight: 300;
        line-height: 1;
        opacity: 0;
        cursor: pointer;
        transition: opacity .2s ease, background .2s ease;
        text-shadow: 0 2px 8px rgba(0,0,0,.45);
    }

    .nea-hero-arrow-prev {
        left: 0;
    }

    .nea-hero-arrow-next {
        right: 0;
    }

    .nea-hero-arrow:hover {
        opacity: 1;
        background: rgba(0,0,0,.08);
    }

    .nea-category-strip .nea-horizontal-scroll {
        max-width: 1240px;
        margin: 0 auto;
        gap: 18px;
        padding: 0 16px 8px;
    }

    .nea-category-item {
        flex: 0 0 82px;
        width: 82px;
        min-width: 82px;
        max-width: 82px;
    }

    .nea-category-image {
        flex: 0 0 76px;
        width: 76px;
        height: 76px;
        min-width: 76px;
        min-height: 76px;
        max-width: 76px;
        max-height: 76px;
    }

    .nea-category-name {
        width: 82px;
        font-size: 12px;
    }

    .nea-product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
    }

    .nea-feature-banner .nea-placeholder {
        min-height: 360px;
    }
}
/* =========================================================
   12. ÜRÜN KATEGORİ SAYFASI
   ========================================================= */

.nea-category-page {
    width: 100%;
    min-height: 100vh;
    background: #fff;
    overflow: hidden;
}


/* Kategori başlığı */

.nea-category-page-header {
    padding: 18px 16px 14px;
    border-bottom: 1px solid #eee;
}

.nea-category-back {
    display: inline-block;
    margin-bottom: 12px;
    color: #666;
    font-size: 12px;
    font-weight: 500;
}

.nea-category-page-header h1 {
    margin: 0;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -.5px;
}

.nea-category-description {
    margin-top: 8px;
    max-width: 700px;
    color: #666;
    font-size: 12px;
    line-height: 1.5;
}

.nea-category-description p {
    margin: 0;
}


/* Alt kategoriler */

.nea-category-children {
    padding: 16px 0 14px;
    border-bottom: 1px solid #eee;
}

.nea-category-children .nea-horizontal-scroll {
    padding-bottom: 4px;
}


/* Ürün alanı */

.nea-category-products {
    padding: 20px 0 30px;
}

.nea-category-products .nea-section-head {
    margin-bottom: 12px;
}

.nea-category-products .nea-section-head h2 {
    font-size: 18px;
}


/* Sayfalama */

.nea-category-pagination {
    padding: 26px 16px 10px;
}

.nea-category-pagination .woocommerce-pagination {
    margin: 0;
}

.nea-category-pagination ul.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;

    margin: 0;
    padding: 0;

    list-style: none;
    border: 0;
}

.nea-category-pagination ul.page-numbers li {
    margin: 0;
    border: 0;
}

.nea-category-pagination .page-numbers a,
.nea-category-pagination .page-numbers span {
    min-width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 9px;

    border: 1px solid #ddd;
    background: #fff;

    color: #111;
    font-size: 12px;
}

.nea-category-pagination .page-numbers .current {
    background: #111;
    border-color: #111;
    color: #fff;
}


/* Ürün yoksa */

.nea-category-empty-products {
    padding: 35px 16px;
    color: #777;
    font-size: 13px;
    text-align: center;
}


/* Masaüstü */

@media (min-width: 768px) {

    .nea-category-page-header {
        max-width: 1240px;
        margin: 0 auto;
        padding: 28px 16px 20px;
    }

    .nea-category-page-header h1 {
        font-size: 32px;
    }

    .nea-category-description {
        font-size: 13px;
    }

    .nea-category-children .nea-horizontal-scroll {
        max-width: 1240px;
        margin: 0 auto;
    }

    .nea-category-products {
        max-width: 1240px;
        margin: 0 auto;
        padding-top: 28px;
    }
}/* =========================================================
   13. MASAÜSTÜ KATEGORİ ŞERİDİ GİZLİ OKLAR
   ========================================================= */

/* Mobilde görünmez */
.nea-category-arrow {
    display: none;
}

@media (min-width: 768px) {

    .nea-category-strip {
        position: relative;
    }

    .nea-category-arrow {
        position: absolute;
        top: 38px;
        bottom: 18px;
        z-index: 40;

        width: 64px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;
        margin: 0;

        border: 0;

        background: transparent;
        color: #111;

        font-size: 34px;
        font-weight: 300;
        line-height: 1;

        opacity: 0;

        cursor: pointer;

        transition:
            opacity .2s ease,
            background .2s ease;

        -webkit-tap-highlight-color: transparent;
    }

    .nea-category-arrow-prev {
        left: 0;
    }

    .nea-category-arrow-next {
        right: 0;
    }

    /* Kenara gelince görünür */
    .nea-category-arrow:hover {
        opacity: 1;
        background: rgba(255,255,255,.88);
    }

    /* Başta / sonda pasif */
    .nea-category-arrow.is-disabled {
        pointer-events: none;
        opacity: 0 !important;
    }

    /* Kaydırılacak içerik yoksa tamamen gizle */
    .nea-category-arrow.is-hidden {
        display: none !important;
    }
}/* =========================================================
   14. NEA V2 - YENİ HEADER
   ========================================================= */

/* Mobilde masaüstü elemanları kapalı */

.nea-desktop-search,
.nea-desktop-header-actions {
    display: none;
}


/* =========================================================
   MASAÜSTÜ HEADER
   ========================================================= */

@media (min-width: 768px) {

    .nea-site-header {
        background: rgba(255,255,255,.98);
        border-bottom: 1px solid #ededed;
    }

    .nea-header-inner {
        width: 100%;
        max-width: 1240px;
        height: 72px;

        margin: 0 auto;
        padding: 0 16px;

        display: flex;
        align-items: center;
        gap: 30px;
    }


    /* LOGO */

    .nea-logo {
        flex: 0 0 auto;

        font-size: 21px;
        font-weight: 700;
        letter-spacing: -.6px;

        white-space: nowrap;
    }


    /* ARAMA */

    .nea-desktop-search {
        flex: 1 1 auto;

        max-width: 560px;
        height: 42px;

        margin-left: auto;

        display: flex;
        align-items: center;

        position: relative;

        border: 1px solid #dcdcdc;
        background: #fff;
    }

    .nea-desktop-search:focus-within {
        border-color: #111;
    }

    .nea-desktop-search-input {
        width: 100%;
        height: 100%;

        padding: 0 48px 0 14px;

        border: 0;
        outline: 0;

        background: transparent;

        color: #111;
        font-size: 13px;
    }

    .nea-desktop-search-input::placeholder {
        color: #888;
    }

    .nea-desktop-search-button {
        position: absolute;

        top: 0;
        right: 0;

        width: 44px;
        height: 100%;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        border: 0;
        background: transparent;

        cursor: pointer;
    }

    .nea-desktop-search-button svg {
        width: 20px;
        height: 20px;

        fill: none;
        stroke: #111;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    /* SAĞ AKSİYONLAR */

    .nea-desktop-header-actions {
        flex: 0 0 auto;

        display: flex;
        align-items: center;

        gap: 22px;
    }

    .nea-desktop-header-action {
        position: relative;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 4px;

        min-width: 48px;

        color: #111;

        font-size: 10px;
        font-weight: 500;

        white-space: nowrap;
    }

    .nea-desktop-header-action svg {
        width: 21px;
        height: 21px;

        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .nea-desktop-header-action:hover {
        opacity: .6;
    }

    .nea-desktop-action-icon {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
    }


    /* SEPET SAYACI */

    .nea-desktop-header-action .nea-header-cart-count {
        top: -8px;
        right: -10px;
    }


    /* ESKİ MASAÜSTÜ NAV VARSA GİZLE */

    .nea-desktop-nav {
        display: none !important;
    }

}


/* =========================================================
   MOBİL HEADER
   ========================================================= */

@media (max-width: 767px) {

    .nea-header-inner {
        height: 58px;
        padding: 0 16px;
    }

    .nea-logo {
        font-size: 18px;
    }

    .nea-mobile-header-actions {
        display: flex;
    }
}/* =========================================================
   15. NEA V2 - CANLI ARAMA
   ========================================================= */


/* ---------------------------------------------------------
   ORTAK
   --------------------------------------------------------- */

.nea-live-search-results {
    display: none;
    background: #fff;
    color: #111;
}

.nea-live-search-results.is-open {
    display: block;
}

.nea-live-search-loading,
.nea-live-search-empty {
    padding: 24px 16px;
    color: #777;
    font-size: 13px;
    text-align: center;
}


/* ---------------------------------------------------------
   ÜRÜN SATIRI
   --------------------------------------------------------- */

.nea-live-search-item {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;

    min-height: 74px;
    padding: 8px 10px;

    border-bottom: 1px solid #eee;

    background: #fff;
    color: #111;

    text-decoration: none;
}

.nea-live-search-item:last-child {
    border-bottom: 0;
}

.nea-live-search-item:hover {
    background: #f7f7f7;
}


/* Görsel */

.nea-live-search-image {
    width: 54px;
    height: 64px;

    display: block;

    overflow: hidden;

    background: #f1f1f1;
}

.nea-live-search-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}

.nea-live-search-no-image {
    width: 100%;
    height: 100%;

    display: block;

    background: #eee;
}


/* Ürün bilgisi */

.nea-live-search-info {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 4px;
}

.nea-live-search-name {
    display: -webkit-box;

    overflow: hidden;

    color: #222;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nea-live-search-sku {
    overflow: hidden;

    color: #777;

    font-size: 10px;
    line-height: 1.2;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/* Fiyat */

.nea-live-search-price {
    min-width: 85px;

    color: #111;

    font-size: 13px;
    font-weight: 700;

    text-align: right;
    white-space: nowrap;
}

.nea-live-search-price del {
    display: block;

    margin-bottom: 2px;

    color: #999;

    font-size: 10px;
    font-weight: 400;
}


/* =========================================================
   MASAÜSTÜ CANLI ARAMA
   ========================================================= */

@media (min-width: 768px) {

    .nea-desktop-search {
        position: relative;

        z-index: 1100;
    }

    .nea-live-search-desktop-results {
        position: absolute;

        top: calc(100% + 5px);
        left: 0;
        right: 0;

        z-index: 1200;

        max-height: 520px;

        overflow-x: hidden;
        overflow-y: auto;

        border: 1px solid #ddd;

        box-shadow:
            0 14px 35px rgba(0,0,0,.12);
    }

}


/* =========================================================
   MOBİL ARAMA PANELİ
   ========================================================= */

.nea-mobile-search-overlay {
    display: none;
}


@media (max-width: 767px) {

    body.nea-search-open {
        overflow: hidden;
    }

    .nea-mobile-search-overlay {
        position: fixed;

        inset: 0;

        z-index: 20000;

        width: 100%;
        height: 100%;

        overflow-y: auto;

        background: #fff;
    }

    .nea-mobile-search-overlay.is-open {
        display: block;
    }


    /* Üst arama alanı */

    .nea-mobile-search-top {
        position: sticky;

        top: 0;

        z-index: 5;

        display: flex;
        align-items: center;

        gap: 5px;

        width: 100%;

        padding: 8px;

        background: #fff;

        border-bottom: 1px solid #eee;
    }


    /* Geri */

    .nea-mobile-search-back {
        flex: 0 0 38px;

        width: 38px;
        height: 42px;

        padding: 0;

        border: 0;

        background: transparent;

        color: #111;

        font-size: 24px;

        cursor: pointer;
    }


    /* Form */

    .nea-mobile-live-search-form {
        position: relative;

        flex: 1 1 auto;

        height: 42px;

        display: flex;
        align-items: center;

        border: 1px solid #d8d8d8;

        background: #f7f7f7;
    }

    .nea-mobile-live-search-input {
        width: 100%;
        height: 100%;

        padding:
            0
            76px
            0
            12px;

        border: 0;
        outline: 0;

        background: transparent;

        color: #111;

        font-size: 14px;
    }


    /* Temizle */

    .nea-mobile-search-clear {
        position: absolute;

        top: 0;
        right: 39px;

        width: 36px;
        height: 100%;

        padding: 0;

        border: 0;

        background: transparent;

        color: #666;

        font-size: 22px;

        cursor: pointer;
    }


    /* Ara ikonu */

    .nea-mobile-search-submit {
        position: absolute;

        top: 0;
        right: 0;

        width: 40px;
        height: 100%;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        border: 0;

        background: transparent;

        cursor: pointer;
    }

    .nea-mobile-search-submit svg {
        width: 20px;
        height: 20px;

        fill: none;

        stroke: #111;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    /* Mobil sonuçlar */

    .nea-live-search-mobile-results {
        width: 100%;

        padding-bottom: 80px;
    }

    .nea-live-search-mobile-results.is-open {
        display: block;
    }

    .nea-live-search-item {
        grid-template-columns:
            58px
            minmax(0, 1fr)
            auto;

        min-height: 80px;

        padding: 8px 12px;
    }

    .nea-live-search-image {
        width: 58px;
        height: 70px;
    }

    .nea-live-search-name {
        font-size: 12px;
    }

    .nea-live-search-price {
        min-width: 72px;

        font-size: 12px;
    }

}/* =========================================================
   MOBİL CANLI ARAMA - ADMIN BAR ÜSTÜNDE GÖSTER
   ========================================================= */

@media (max-width: 767px) {

    .nea-mobile-search-overlay {
        z-index: 999999 !important;
    }

    .nea-mobile-search-top {
        z-index: 1000000 !important;
    }

}/* =========================================================
   16. NEA V2 - PREMIUM ARAMA TASARIMI
   ========================================================= */


/* =========================================================
   MASAÜSTÜ
   ========================================================= */

@media (min-width: 768px) {

    .nea-desktop-search {
        height: 44px;

        border: 1px solid #e2e2e2;
        border-radius: 999px;

        background: #f7f7f7;

        box-shadow:
            0 2px 8px rgba(0,0,0,.03);

        transition:
            border-color .2s ease,
            background .2s ease,
            box-shadow .2s ease;
    }

    .nea-desktop-search:hover {
        background: #fff;
        border-color: #ccc;
    }

    .nea-desktop-search:focus-within {
        background: #fff;
        border-color: #111;

        box-shadow:
            0 4px 16px rgba(0,0,0,.07);
    }

    .nea-desktop-search-input {
        padding:
            0
            50px
            0
            18px;

        font-size: 13px;
        font-weight: 500;
    }

    .nea-desktop-search-input::placeholder {
        color: #9a9a9a;
        font-weight: 400;
    }

    .nea-desktop-search-button {
        width: 46px;

        border-radius: 50%;
    }

    .nea-desktop-search-button:hover {
        background: rgba(0,0,0,.04);
    }

    .nea-desktop-search-button svg {
        width: 19px;
        height: 19px;
    }


    /* CANLI SONUÇ KUTUSU */

    .nea-live-search-desktop-results {
        top: calc(100% + 8px);

        overflow: hidden;
        overflow-y: auto;

        border: 1px solid #e5e5e5;
        border-radius: 14px;

        background: #fff;

        box-shadow:
            0 18px 45px rgba(0,0,0,.13);
    }

    .nea-live-search-item {
        padding: 9px 12px;
    }

}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .nea-mobile-search-top {
        gap: 8px;

        padding:
            9px
            10px;

        border-bottom: 1px solid #f0f0f0;

        box-shadow:
            0 2px 10px rgba(0,0,0,.03);
    }


    /* GERİ OK */

    .nea-mobile-search-back {
        width: 36px;
        height: 42px;

        flex: 0 0 36px;

        border-radius: 50%;

        font-size: 22px;

        transition:
            background .15s ease;
    }

    .nea-mobile-search-back:active {
        background: #f1f1f1;
    }


    /* MOBİL ARAMA KUTUSU */

    .nea-mobile-live-search-form {
        height: 44px;

        border: 1px solid #e2e2e2;
        border-radius: 999px;

        background: #f7f7f7;

        overflow: hidden;

        transition:
            border-color .2s ease,
            background .2s ease;
    }

    .nea-mobile-live-search-form:focus-within {
        background: #fff;
        border-color: #111;
    }

    .nea-mobile-live-search-input {
        padding:
            0
            78px
            0
            16px;

        font-size: 13px;
        font-weight: 500;
    }

    .nea-mobile-live-search-input::placeholder {
        color: #999;
        font-weight: 400;
    }


    /* TEMİZLE */

    .nea-mobile-search-clear {
        right: 40px;

        width: 34px;

        color: #777;

        font-size: 19px;

        border-radius: 50%;
    }

    .nea-mobile-search-clear:active {
        background: #eee;
    }


    /* ARAMA İKONU */

    .nea-mobile-search-submit {
        width: 42px;

        border-radius: 50%;
    }

    .nea-mobile-search-submit:active {
        background: #eee;
    }

    .nea-mobile-search-submit svg {
        width: 19px;
        height: 19px;
    }


    /* MOBİL SONUÇLAR */

    .nea-live-search-mobile-results {
        padding:
            8px
            8px
            90px;
    }

    .nea-live-search-mobile-results .nea-live-search-item {
        margin-bottom: 6px;

        border: 1px solid #f0f0f0;
        border-radius: 10px;

        background: #fff;
    }

    .nea-live-search-mobile-results .nea-live-search-item:active {
        background: #f7f7f7;
    }

    .nea-live-search-mobile-results .nea-live-search-image {
        border-radius: 7px;
    }

}/* =========================================================
   17. ARAMA ÖNERİLERİ
   Son Aramalarım / Favori Aramalar / Son Arananlar
   ========================================================= */

.nea-search-suggestions {
    width: 100%;
    padding: 14px 16px 18px;
    background: #fff;
}

.nea-search-suggestion-section {
    margin-bottom: 20px;
}

.nea-search-suggestion-section:last-child {
    margin-bottom: 0;
}


/* BAŞLIKLAR */

.nea-search-suggestion-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-bottom: 9px;
}

.nea-search-suggestion-head strong {
    margin: 0;

    color: #111;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}


/* GEÇMİŞİ TEMİZLE */

.nea-search-clear-history {
    padding: 0;

    border: 0;
    background: transparent;

    color: #888;

    font-size: 11px;
    font-weight: 500;

    cursor: pointer;
}

.nea-search-clear-history:hover {
    color: #111;
}


/* ETİKET ALANI */

.nea-search-suggestion-chips {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}


/* ETİKETLER */

.nea-search-suggestion-chip {
    min-height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 12px;

    border: 1px solid #ececec;
    border-radius: 999px;

    background: #f7f7f7;

    color: #333;

    font-size: 12px;
    font-weight: 500;
    line-height: 1;

    cursor: pointer;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.nea-search-suggestion-chip:hover {
    border-color: #111;
    background: #fff;
    color: #111;
}

.nea-search-suggestion-chip:active {
    transform: scale(.96);
}


/* HENÜZ ARAMA YOK */

.nea-search-suggestion-empty {
    color: #999;

    font-size: 12px;
    line-height: 1.4;
}


/* =========================================================
   MASAÜSTÜ
   ========================================================= */

@media (min-width: 768px) {

    .nea-live-search-desktop-results .nea-search-suggestions {
        padding: 16px 18px 18px;
    }

    .nea-live-search-desktop-results
    .nea-search-suggestion-section {
        margin-bottom: 17px;
    }

    .nea-live-search-desktop-results
    .nea-search-suggestion-head strong {
        font-size: 12px;
    }

    .nea-live-search-desktop-results
    .nea-search-suggestion-chip {
        min-height: 28px;

        padding: 5px 11px;

        font-size: 11px;
    }
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .nea-live-search-mobile-results {
        padding: 0 0 90px;
    }

    .nea-live-search-mobile-results
    .nea-search-suggestions {
        padding: 18px 14px 24px;
    }

    .nea-live-search-mobile-results
    .nea-search-suggestion-section {
        margin-bottom: 24px;
    }

    .nea-live-search-mobile-results
    .nea-search-suggestion-head {
        margin-bottom: 11px;
    }

    .nea-live-search-mobile-results
    .nea-search-suggestion-head strong {
        font-size: 14px;
    }

    .nea-live-search-mobile-results
    .nea-search-suggestion-chip {
        min-height: 32px;

        padding: 7px 12px;

        background: #f5f5f5;

        font-size: 12px;
    }
}/* =========================================================
   18. NEA V2 - KOLEKSİYON BANNER
   ========================================================= */

.nea-feature-banner {
    width: 100%;
    padding: 10px 0 28px;
}

.nea-feature-banner-link {
    position: relative;
    display: block;
    width: 100%;
    min-height: 320px;
    overflow: hidden;
    background: #ddd;
    color: #fff;
}

.nea-feature-banner-media {
    position: absolute;
    inset: 0;
}

.nea-feature-banner-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .4s ease;
}

.nea-feature-banner-fallback {
    width: 100%;
    height: 100%;
    display: block;
    background:
        linear-gradient(
            135deg,
            #ddd 0%,
            #bbb 100%
        );
}

.nea-feature-banner-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.58) 0%,
            rgba(0,0,0,.18) 48%,
            rgba(0,0,0,0) 76%
        );
}

.nea-feature-banner-content {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 20px;
    z-index: 2;
}

.nea-feature-small {
    display: block;
    margin-bottom: 6px;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.nea-feature-banner-content h2 {
    margin: 0 0 7px;

    font-size: 26px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -.5px;
}

.nea-feature-banner-content p {
    margin: 0 0 10px;
    max-width: 300px;

    font-size: 12px;
    line-height: 1.4;
}

.nea-feature-action {
    display: inline-flex;
    align-items: center;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2px;
}


/* =========================================================
   MASAÜSTÜ
   ========================================================= */

@media (min-width: 768px) {

    .nea-feature-banner {
        padding: 18px 0 38px;
    }

    .nea-feature-banner-link {
        min-height: 430px;
    }

    .nea-feature-banner-content {
        left: max(6vw, 60px);
        bottom: 38px;
    }

    .nea-feature-banner-content h2 {
        font-size: 40px;
    }

    .nea-feature-banner-content p {
        max-width: 420px;
        font-size: 14px;
    }

    .nea-feature-action {
        font-size: 12px;
    }

    .nea-feature-banner-link:hover
    .nea-feature-banner-media img {
        transform: scale(1.02);
    }
}/* =========================================================
   19. NEA V2 - ÜRÜN KARTLARI
   ========================================================= */

.nea-product-card {
    position: relative;
    min-width: 0;
    background: #fff;
}

.nea-product-card-media {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f3f3f3;
}

.nea-product-card-image-link {
    display: block;
}

.nea-product-card-image {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}

.nea-product-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .25s ease;
}


/* ---------------------------------------------------------
   ROZETLER
   --------------------------------------------------------- */

.nea-product-card-badges {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 5;

    display: flex;
    flex-direction: column;
    gap: 5px;

    pointer-events: none;
}

.nea-product-badge {
    min-height: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 5px 8px;

    border-radius: 3px;

    font-size: 10px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .1px;
}

.nea-product-badge-sale {
    background: #111;
    color: #fff;
}

.nea-product-badge-new {
    background: rgba(255,255,255,.95);
    color: #111;
}


/* ---------------------------------------------------------
   FAVORİ
   --------------------------------------------------------- */

.nea-product-favorite {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 6;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

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

    color: #111;

    cursor: pointer;

    box-shadow:
        0 2px 10px rgba(0,0,0,.08);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.nea-product-favorite svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nea-product-favorite:active {
    transform: scale(.92);
}


/* ---------------------------------------------------------
   BİLGİ
   --------------------------------------------------------- */

.nea-product-card-info {
    display: block;
    padding: 9px 9px 13px;
}

.nea-product-card-title {
    margin: 0 0 6px;

    min-height: 31px;

    color: #222;

    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;

    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nea-product-card-price {
    color: #111;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.nea-product-card-price del {
    margin-right: 5px;

    color: #999;

    font-size: 10px;
    font-weight: 400;
}

.nea-product-card-price ins {
    text-decoration: none;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .nea-product-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 2px;
    }

    .nea-product-card-info {
        padding:
            8px
            8px
            12px;
    }

    .nea-product-card-title {
        font-size: 11px;
    }

    .nea-product-card-price {
        font-size: 12px;
    }

    .nea-product-favorite {
        width: 32px;
        height: 32px;
    }

    .nea-product-favorite svg {
        width: 17px;
        height: 17px;
    }

    .nea-product-badge {
        min-height: 22px;

        padding: 4px 7px;

        font-size: 9px;
    }
}


/* =========================================================
   MASAÜSTÜ
   ========================================================= */

@media (min-width: 768px) {

    .nea-product-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 6px;
    }

    .nea-product-card-title {
        font-size: 13px;
    }

    .nea-product-card-price {
        font-size: 14px;
    }

    .nea-product-card:hover
    .nea-product-card-image img {
        transform: scale(1.025);
    }

    .nea-product-favorite:hover {
        background: #fff;
    }
}/* =========================================================
   20. NEA V2 - FAVORİ KALP DURUMU
   ========================================================= */

.nea-product-favorite.is-favorite {
    background: #fff;
}

.nea-product-favorite.is-favorite svg {
    fill: #111;
    stroke: #111;
}

.nea-product-favorite.is-favorite {
    animation: nea-heart-pop .22s ease;
}

@keyframes nea-heart-pop {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.18);
    }

    100% {
        transform: scale(1);
    }
}/* =========================================================
   21. NEA V2 - FAVORİLER SAYFASI
   ========================================================= */

.nea-wishlist-page {
    width: 100%;
    background: #fff;
}

.nea-wishlist-header {
    width: 100%;
    padding: 22px 16px 14px;
    border-bottom: 1px solid #eee;
}

.nea-wishlist-header-inner {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.nea-wishlist-eyebrow {
    display: block;
    margin-bottom: 6px;

    color: #888;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.nea-wishlist-header h1 {
    margin: 0;

    color: #111;

    font-size: 30px;
    line-height: 1;
    font-weight: 700;
}

.nea-wishlist-count {
    color: #777;

    font-size: 12px;
    font-weight: 500;
}


/* ---------------------------------------------------------
   İÇERİK
   --------------------------------------------------------- */

.nea-wishlist-content {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;

    padding: 16px 0 36px;
}

.nea-wishlist-loading {
    padding: 40px 16px;

    color: #777;

    font-size: 13px;
    text-align: center;
}


/* ---------------------------------------------------------
   ÜRÜN GRID
   --------------------------------------------------------- */

.nea-wishlist-grid {
    width: 100%;

    display: grid;

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

    gap: 2px;
}


/* ---------------------------------------------------------
   BOŞ FAVORİLER
   --------------------------------------------------------- */

.nea-wishlist-empty {
    min-height: 420px;

    padding: 70px 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}

.nea-wishlist-empty-icon {
    width: 56px;
    height: 56px;

    margin-bottom: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #ddd;
    border-radius: 50%;
}

.nea-wishlist-empty-icon svg {
    width: 26px;
    height: 26px;

    fill: none;
    stroke: #111;
    stroke-width: 1.5;
}

.nea-wishlist-empty h2 {
    margin: 0 0 8px;

    font-size: 20px;
    font-weight: 700;
}

.nea-wishlist-empty p {
    max-width: 320px;

    margin: 0 0 20px;

    color: #777;

    font-size: 12px;
    line-height: 1.5;
}

.nea-wishlist-shop-button {
    min-height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;

    background: #111;
    color: #fff;

    font-size: 12px;
    font-weight: 700;
}


/* =========================================================
   MASAÜSTÜ
   ========================================================= */

@media (min-width: 768px) {

    .nea-wishlist-header {
        padding: 30px 16px 20px;
    }

    .nea-wishlist-header h1 {
        font-size: 38px;
    }

    .nea-wishlist-count {
        font-size: 13px;
    }

    .nea-wishlist-content {
        padding-top: 20px;
    }

    .nea-wishlist-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 6px;
    }
}/* Favoriler boş ekranı sadece gerçekten boşsa görünsün */

.nea-wishlist-empty[hidden],
.nea-wishlist-loading[hidden] {
    display: none !important;
}/* =========================================================
   22. NEA V2 - FOOTER
   ========================================================= */

.nea-site-footer {
    width: 100%;
    background: #111;
    color: #fff;
}

.nea-footer-main {
    width: 100%;
    padding: 42px 16px 34px;
}

.nea-footer-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.nea-footer-main .nea-footer-container {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1fr 1fr 1.45fr;
    gap: 34px;
}


/* ---------------------------------------------------------
   MARKA
   --------------------------------------------------------- */

.nea-footer-brand {
    min-width: 0;
}

.nea-footer-logo {
    display: inline-block;
    margin-bottom: 12px;

    color: #fff;

    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.3px;
}

.nea-footer-brand-text {
    max-width: 220px;
    margin: 0 0 18px;

    color: #aaa;

    font-size: 12px;
    line-height: 1.6;
}

.nea-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.nea-footer-social {
    color: #fff;

    font-size: 11px;
    font-weight: 600;
}

.nea-footer-social:hover {
    opacity: .7;
}


/* ---------------------------------------------------------
   KOLONLAR
   --------------------------------------------------------- */

.nea-footer-column {
    min-width: 0;
}

.nea-footer-title {
    margin: 0 0 14px;

    color: #fff;

    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.nea-footer-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.nea-footer-links a {
    color: #aaa;

    font-size: 12px;
    line-height: 1.35;
}

.nea-footer-links a:hover {
    color: #fff;
}


/* ---------------------------------------------------------
   BÜLTEN
   --------------------------------------------------------- */

.nea-footer-newsletter-small {
    display: block;
    margin-bottom: 6px;

    color: #777;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
}

.nea-footer-newsletter h3 {
    margin: 0 0 8px;

    font-size: 18px;
    font-weight: 700;
}

.nea-footer-newsletter p {
    max-width: 320px;
    margin: 0 0 14px;

    color: #aaa;

    font-size: 12px;
    line-height: 1.5;
}

.nea-footer-newsletter-form {
    width: 100%;
    height: 42px;

    display: flex;

    background: #fff;
}

.nea-footer-newsletter-form input {
    flex: 1 1 auto;
    min-width: 0;

    padding: 0 12px;

    border: 0;
    outline: none;

    color: #111;
    background: #fff;

    font-size: 12px;
}

.nea-footer-newsletter-form button {
    flex: 0 0 auto;

    padding: 0 18px;

    border: 0;

    background: #fff;
    color: #111;

    border-left: 1px solid #ddd;

    font-size: 12px;
    font-weight: 700;

    cursor: pointer;
}

.nea-footer-newsletter-note {
    display: block;
    margin-top: 8px;

    color: #666;

    font-size: 9px;
}


/* ---------------------------------------------------------
   ÖDEME
   --------------------------------------------------------- */

.nea-footer-payment {
    width: 100%;

    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;

    padding: 18px 16px;
}

.nea-footer-payment .nea-footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.nea-footer-payment-title {
    color: #aaa;

    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.nea-footer-payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.nea-footer-payment-methods span {
    min-width: 54px;
    min-height: 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 5px 9px;

    border-radius: 3px;

    background: #fff;
    color: #111;

    font-size: 10px;
    font-weight: 700;
}


/* ---------------------------------------------------------
   ALT FOOTER
   --------------------------------------------------------- */

.nea-footer-bottom {
    width: 100%;
    padding: 18px 16px 22px;
}

.nea-footer-bottom .nea-footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.nea-footer-copyright {
    margin: 0;

    color: #777;

    font-size: 10px;
}

.nea-footer-bottom-links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.nea-footer-bottom-links a {
    color: #777;

    font-size: 10px;
}

.nea-footer-bottom-links a:hover {
    color: #fff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .nea-footer-main .nea-footer-container {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 28px 40px;
    }

    .nea-footer-newsletter {
        grid-column: span 2;
    }
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .nea-site-footer {
        padding-bottom: 64px;
    }

    .nea-footer-main {
        padding: 26px 16px 20px;
    }

    .nea-footer-main .nea-footer-container {
        display: block;
    }


    .nea-footer-brand {
        padding-bottom: 22px;
        margin-bottom: 6px;
    }

    .nea-footer-logo {
        font-size: 18px;
    }

    .nea-footer-brand-text {
        max-width: 270px;
        font-size: 11px;
    }


    .nea-footer-column {
        padding: 14px 0;

        border-top: 1px solid #292929;
    }

    .nea-footer-title {
        margin-bottom: 10px;
        font-size: 11px;
    }

    .nea-footer-links {
        gap: 8px;
    }

    .nea-footer-links a {
        font-size: 11px;
    }


    .nea-footer-newsletter {
        margin-top: 12px;
        padding-top: 20px;

        border-top: 1px solid #292929;
    }

    .nea-footer-newsletter h3 {
        font-size: 17px;
    }

    .nea-footer-newsletter-form {
        height: 44px;
    }


    .nea-footer-payment {
        padding: 16px;
    }

    .nea-footer-payment .nea-footer-container {
        display: block;
    }

    .nea-footer-payment-title {
        display: block;
        margin-bottom: 10px;
    }

    .nea-footer-payment-methods {
        gap: 6px;
    }

    .nea-footer-payment-methods span {
        min-width: 48px;
        min-height: 26px;

        padding: 4px 7px;

        font-size: 9px;
    }


    .nea-footer-bottom {
        padding: 16px 16px 20px;
    }

    .nea-footer-bottom .nea-footer-container {
        display: block;
    }

    .nea-footer-copyright {
        margin-bottom: 10px;
    }

    .nea-footer-bottom-links {
        gap: 12px;
    }
}/* =========================================================
   FOOTER - SOSYAL KARTLAR + BÜLTEN
   ========================================================= */

.nea-footer-newsletter {
    min-width: 0;
}

.nea-footer-social-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0 16px;
}

.nea-footer-social-card {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px;
    border: 1px solid #262626;
    background: #161616;
    border-radius: 10px;

    color: #fff;
    text-decoration: none;

    transition: .2s ease;
}

.nea-footer-social-card:hover {
    background: #1e1e1e;
    border-color: #3a3a3a;
    transform: translateY(-2px);
}

.nea-footer-social-icon {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #fff;
    color: #111;

    font-size: 11px;
    font-weight: 700;
    flex: 0 0 38px;
}

.nea-footer-social-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.nea-footer-social-text strong {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.nea-footer-social-text small {
    font-size: 10px;
    line-height: 1.35;
    color: #9c9c9c;
}

.nea-footer-newsletter-form {
    width: 100%;
    height: 46px;
    display: flex;
    margin-top: 6px;

    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.nea-footer-newsletter-form input {
    flex: 1 1 auto;
    min-width: 0;

    border: 0;
    outline: none;
    background: #fff;
    color: #111;

    padding: 0 14px;
    font-size: 13px;
}

.nea-footer-newsletter-form button {
    flex: 0 0 auto;
    border: 0;
    padding: 0 18px;

    background: #fff;
    color: #111;
    border-left: 1px solid #e3e3e3;

    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.nea-footer-contact-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.nea-footer-contact-card {
    display: flex;
    flex-direction: column;
    gap: 4px;

    padding: 12px;
    border-radius: 10px;
    border: 1px solid #262626;
    background: #161616;

    color: #fff;
    text-decoration: none;
    transition: .2s ease;
}

.nea-footer-contact-card:hover {
    background: #1e1e1e;
    border-color: #3a3a3a;
}

.nea-footer-contact-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #8a8a8a;
}

.nea-footer-contact-card strong {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.nea-footer-newsletter-note {
    display: block;
    margin-top: 10px;
    color: #6f6f6f;
    font-size: 10px;
    line-height: 1.4;
}

/* MOBİL */
@media (max-width: 767px) {

    .nea-footer-social-cards {
        grid-template-columns: 1fr;
        gap: 8px;
        margin: 14px 0 14px;
    }

    .nea-footer-contact-cards {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .nea-footer-newsletter-form {
        height: 44px;
    }

    .nea-footer-newsletter-form input {
        font-size: 12px;
    }

    .nea-footer-newsletter-form button {
        padding: 0 14px;
        font-size: 11px;
    }
}/* =========================================================
   23. NEA V2 - FOOTER ALT GÜVEN / ETBİS / ÖDEME
   ========================================================= */

.nea-footer-trust {
    width: 100%;
    padding: 42px 16px 28px;
    background: #f4eee4;
    color: #171717;
}

.nea-footer-trust-inner {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}


/* ---------------------------------------------------------
   ETBİS KART
   --------------------------------------------------------- */

.nea-etbis-card {
    width: 100%;
    max-width: 555px;

    min-height: 96px;

    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;

    padding: 15px 20px;

    border: 1px solid #dfcdb1;
    border-radius: 16px;

    background: rgba(255,255,255,.82);
    color: #171717;

    box-shadow: 0 10px 28px rgba(75,55,30,.07);

    text-align: left;
}

.nea-etbis-check {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #111;
    color: #fff;

    box-shadow: 0 4px 12px rgba(0,0,0,.16);
}

.nea-etbis-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nea-etbis-copy strong {
    color: #111;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.nea-etbis-copy small {
    color: #725f50;

    font-size: 10px;
    line-height: 1.35;
}

.nea-etbis-action {
    min-height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 16px;

    border-radius: 9px;

    background: #111;
    color: #fff;

    font-size: 10px;
    font-weight: 700;

    white-space: nowrap;
}


/* ---------------------------------------------------------
   GÜVENLİ ÖDEME
   --------------------------------------------------------- */

.nea-secure-payment {
    margin-top: 58px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.nea-secure-payment-mark {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nea-secure-payment-divider {
    width: 2px;
    height: 90px;

    display: block;

    background: #3b3732;
}

.nea-secure-payment-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    text-align: left;
}

.nea-secure-payment-copy strong {
    color: #222;

    font-size: 25px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.8px;
}

.nea-secure-payment-copy span {
    margin-top: 4px;

    color: #222;

    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}


/* ---------------------------------------------------------
   ÖDEME LOGOLARI
   --------------------------------------------------------- */

.nea-trust-payment-logos {
    margin-top: 34px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 20px;
}

.nea-pay-logo {
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-style: normal;
    line-height: 1;
}

.nea-pay-iyzico {
    gap: 4px;

    color: #2087ff;
}

.nea-pay-iyzico b {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.8px;
}

.nea-pay-iyzico small {
    align-self: flex-end;
    margin-bottom: 4px;

    color: #333;

    font-size: 9px;
    font-weight: 600;
}

.nea-pay-mastercard {
    position: relative;
    width: 54px;
}

.nea-pay-mastercard i {
    position: absolute;

    width: 27px;
    height: 27px;

    border-radius: 50%;
}

.nea-pay-mastercard i:first-child {
    left: 7px;
    background: #eb001b;
}

.nea-pay-mastercard i:last-child {
    right: 7px;
    background: rgba(255,153,0,.92);
}

.nea-pay-visa {
    color: #163f8c;

    font-size: 28px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -2px;
}

.nea-pay-amex {
    width: 46px;

    flex-direction: column;

    border-radius: 2px;
    background: #28a8df;
    color: #fff;
}

.nea-pay-amex small {
    font-size: 6px;
    line-height: 1;
    font-weight: 800;
}

.nea-pay-amex b {
    margin-top: 2px;

    font-size: 8px;
    line-height: 1;
    font-weight: 900;
}

.nea-pay-troy {
    color: #173c6f;

    font-size: 23px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -1px;
}


/* ---------------------------------------------------------
   TELİF / ALT LİNKLER
   --------------------------------------------------------- */

.nea-trust-copyright {
    margin: 54px 0 0;

    color: #6d5b48;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
}

.nea-trust-bottom-links {
    margin-top: 10px;

    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 16px;
}

.nea-trust-bottom-links a {
    color: #7c6d5e;

    font-size: 10px;
    font-weight: 500;
}

.nea-trust-bottom-links a:hover {
    color: #111;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .nea-footer-trust {
        padding: 28px 14px 94px;
    }

    .nea-etbis-card {
        max-width: 100%;

        grid-template-columns: 42px minmax(0, 1fr);
        gap: 11px;

        padding: 13px;

        border-radius: 13px;
    }

    .nea-etbis-check {
        width: 42px;
        height: 42px;
    }

    .nea-etbis-copy strong {
        font-size: 12px;
    }

    .nea-etbis-copy small {
        font-size: 9px;
    }

    .nea-etbis-action {
        grid-column: 1 / -1;

        width: 100%;
        min-height: 38px;

        margin-top: 2px;

        font-size: 10px;
    }

    .nea-secure-payment {
        margin-top: 42px;
        gap: 12px;
    }

    .nea-secure-payment-mark svg {
        width: 58px;
        height: 68px;
    }

    .nea-secure-payment-divider {
        height: 68px;
    }

    .nea-secure-payment-copy strong {
        font-size: 20px;
    }

    .nea-secure-payment-copy span {
        font-size: 12px;
    }

    .nea-trust-payment-logos {
        margin-top: 26px;

        gap: 13px;
    }

    .nea-pay-logo {
        transform: scale(.9);
    }

    .nea-trust-copyright {
        margin-top: 38px;

        max-width: 290px;

        font-size: 9px;
    }

    .nea-trust-bottom-links {
        gap: 12px;
    }

    .nea-trust-bottom-links a {
        font-size: 9px;
    }
}/* =========================================================
   FOOTER ALT GÜVEN ALANI - SİYAH TEMA
   ========================================================= */

.nea-footer-trust {
    background: #111 !important;
    color: #fff;
}

.nea-etbis-card {
    background: #181818;
    border-color: #2b2b2b;
    box-shadow: none;
}

.nea-etbis-copy strong {
    color: #fff;
}

.nea-etbis-copy small {
    color: #aaa;
}

.nea-etbis-action {
    background: #fff;
    color: #111;
}

.nea-secure-payment-divider {
    background: #555;
}

.nea-secure-payment-copy strong,
.nea-secure-payment-copy span {
    color: #fff;
}

.nea-trust-copyright {
    color: #999;
}

.nea-trust-bottom-links a {
    color: #999;
}

.nea-trust-bottom-links a:hover {
    color: #fff;
}
/* =========================================================
   24. NEA V2 - HEADER LOGO + DİNAMİK DUYURU
   ========================================================= */

.nea-brand-link {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.nea-brand-mark {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
    border-radius: 50%;
}

.nea-brand-logo-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.nea-brand-fallback {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #111;
    color: #fff;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .5px;
}

.nea-brand-name {
    white-space: nowrap;
}

.nea-header-promo {
    overflow: hidden;
}

.nea-header-promo-track {
    position: relative;
    width: 100%;
    height: 28px;
}

.nea-header-promo-item {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    gap: 5px;

    color: #111;

    opacity: 0;
    pointer-events: none;

    animation: nea-header-promo-rotate 16s infinite;
}

.nea-header-promo-item:nth-child(1) {
    animation-delay: 0s;
}

.nea-header-promo-item:nth-child(2) {
    animation-delay: 4s;
}

.nea-header-promo-item:nth-child(3) {
    animation-delay: 8s;
}

.nea-header-promo-item:nth-child(4) {
    animation-delay: 12s;
}

.nea-header-promo-item strong {
    flex: 0 0 auto;

    font-size: 10px;
    font-weight: 800;
}

.nea-header-promo-item span {
    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #666;

    font-size: 10px;
    font-weight: 500;
}

.nea-header-promo-item b {
    flex: 0 0 auto;

    font-size: 11px;
    font-weight: 700;
}

@keyframes nea-header-promo-rotate {

    0% {
        opacity: 0;
        transform: translateY(8px);
        pointer-events: none;
    }

    6%,
    22% {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    25%,
    100% {
        opacity: 0;
        transform: translateY(-8px);
        pointer-events: none;
    }
}

.nea-header-promo-desktop {
    display: none;
}

.nea-header-promo-mobile {
    display: none;
}


/* Masaüstünde marka ile arama arasına duyuru */

@media (min-width: 1100px) {

    .nea-header-inner {
        gap: 20px !important;
    }

    .nea-brand-link {
        flex: 0 0 auto;
    }

    .nea-header-promo-desktop {
        flex: 0 1 230px;
        width: 230px;
        display: block;
    }

    .nea-desktop-search {
        max-width: 470px !important;
    }
}


/* Mobilde header altında ince duyuru şeridi */

@media (max-width: 767px) {

    .nea-brand-mark {
        width: 28px;
        height: 28px;
    }

    .nea-brand-link {
        gap: 7px;
    }

    .nea-brand-name {
        font-size: 16px;
    }

    .nea-header-promo-mobile {
        display: block;

        width: 100%;
        height: 31px;

        padding: 0 14px;

        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #eee;

        background: #fff;
    }

    .nea-header-promo-mobile .nea-header-promo-track {
        height: 30px;
    }

    .nea-header-promo-mobile .nea-header-promo-item {
        justify-content: center;
    }
}


/* =========================================================
   25. ÜST MENÜ - İNDİRİM VURGUSU
   ========================================================= */

.nea-top-category-tab-sale {
    color: #c40000;
}


/* =========================================================
   26. İNDİRİM / KAMPANYA BÖLÜMLERİ
   ========================================================= */

.nea-section-kicker {
    display: block;
    margin-bottom: 4px;

    color: #888;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nea-home-section-empty {
    margin: 0 16px;

    padding: 26px 18px;

    border: 1px dashed #ddd;

    color: #888;

    font-size: 12px;
    text-align: center;
}


/* =========================================================
   27. BÜYÜK AVANTAJ KARTLARI
   ========================================================= */

.nea-home-benefit-wrap {
    width: 100%;
    padding: 18px 16px 30px;
}

.nea-home-benefit-card {
    width: 100%;
    max-width: 1240px;
    min-height: 190px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    gap: 24px;

    padding: 28px 34px;

    border: 1px solid #e6c27d;
    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #fffaf2,
            #fbf1df
        );

    color: #111;
}

.nea-home-benefit-icon {
    flex: 0 0 76px;

    width: 76px;
    height: 76px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #111;
    color: #dca63b;
}

.nea-home-benefit-icon svg {
    width: 34px;
    height: 34px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nea-home-benefit-content {
    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.nea-home-benefit-content small {
    margin-bottom: 7px;

    color: #a66c10;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
}

.nea-home-benefit-content strong {
    margin-bottom: 8px;

    font-size: 24px;
    font-weight: 800;
    line-height: 1.15;
}

.nea-home-benefit-content span {
    max-width: 660px;

    color: #6d6254;

    font-size: 12px;
    line-height: 1.55;
}

.nea-home-benefit-content b {
    margin-top: 14px;

    font-size: 11px;
    font-weight: 800;
}


/* =========================================================
   28. 4'LÜ GÜVEN ALANI
   ========================================================= */

.nea-home-trust-section {
    width: 100%;
    padding: 14px 16px 38px;
}

.nea-home-trust-grid {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;

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

    gap: 14px;
}

.nea-home-trust-card {
    min-height: 190px;

    padding: 24px 20px;

    border: 1px solid #ead4aa;
    border-radius: 16px;

    background: #fffaf2;
}

.nea-home-trust-icon {
    width: 54px;
    height: 54px;

    margin-bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #111;

    font-size: 24px;
}

.nea-home-trust-card strong {
    display: block;

    margin-bottom: 8px;

    color: #b47718;

    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.nea-home-trust-card p {
    margin: 0;

    color: #71695f;

    font-size: 12px;
    line-height: 1.55;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {

    .nea-home-benefit-wrap {
        padding:
            12px
            10px
            22px;
    }

    .nea-home-benefit-card {
        min-height: 0;

        align-items: flex-start;
        gap: 14px;

        padding: 18px 15px;

        border-radius: 14px;
    }

    .nea-home-benefit-icon {
        flex: 0 0 54px;

        width: 54px;
        height: 54px;
    }

    .nea-home-benefit-icon svg {
        width: 25px;
        height: 25px;
    }

    .nea-home-benefit-content strong {
        font-size: 17px;
    }

    .nea-home-benefit-content span {
        font-size: 11px;
    }

    .nea-home-trust-section {
        padding:
            10px
            10px
            28px;
    }

    .nea-home-trust-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }

    .nea-home-trust-card {
        min-height: 168px;

        padding: 16px 12px;

        border-radius: 13px;
    }

    .nea-home-trust-icon {
        width: 44px;
        height: 44px;

        margin-bottom: 12px;

        font-size: 20px;
    }

    .nea-home-trust-card strong {
        font-size: 14px;
    }

    .nea-home-trust-card p {
        font-size: 10px;
    }
}


/* =========================================================
   29. NEA V2 - PREMIUM ÜST ALAN
   Referans tasarıma göre son override.
   ========================================================= */

:root {
    --nea-gold: #d89b2b;
    --nea-gold-dark: #a96c0d;
    --nea-gold-soft: #f7e7c7;
    --nea-orange: #ff9100;
    --nea-red: #ee1620;
    --nea-black: #111;
    --nea-cream: #fffaf2;
}


/* ---------------------------------------------------------
   ADMIN BAR OFFSET
   --------------------------------------------------------- */

body.admin-bar .nea-site-header {
    top: 32px;
}

@media (max-width: 782px) {

    body.admin-bar .nea-site-header {
        top: 46px;
    }
}


/* ---------------------------------------------------------
   ANA HEADER
   --------------------------------------------------------- */

.nea-site-header {
    position: sticky;
    top: 0;
    z-index: 5000;

    width: 100%;

    background: #fff;
    border-bottom: 0;

    box-shadow:
        0 2px 15px rgba(0,0,0,.05);
}


/* ---------------------------------------------------------
   SİYAH ÜST BİLGİ ŞERİDİ
   --------------------------------------------------------- */

.nea-utility-bar {
    width: 100%;

    background:
        linear-gradient(
            90deg,
            #0d0d0d,
            #171717,
            #0d0d0d
        );

    color: #fff;
}

.nea-utility-inner {
    width: 100%;
    max-width: 1320px;
    min-height: 34px;

    margin: 0 auto;
    padding: 0 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;
}

.nea-utility-benefits,
.nea-utility-right,
.nea-utility-socials,
.nea-utility-item {
    display: flex;
    align-items: center;
}

.nea-utility-benefits {
    gap: 14px;
}

.nea-utility-right {
    gap: 12px;
}

.nea-utility-item {
    gap: 7px;

    flex: 0 0 auto;

    color: #fff;

    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.nea-utility-item svg {
    width: 17px;
    height: 17px;

    fill: none;
    stroke: #e9b85d;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nea-utility-separator {
    width: 1px;
    height: 17px;

    flex: 0 0 1px;

    background: rgba(255,255,255,.35);
}

.nea-utility-tagline {
    color: #ddd;

    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
}

.nea-utility-socials {
    gap: 10px;
}

.nea-utility-socials a {
    width: 20px;
    height: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #fff;
}

.nea-utility-socials svg {
    width: 16px;
    height: 16px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ---------------------------------------------------------
   PREMIUM ANA HEADER - DESKTOP
   --------------------------------------------------------- */

.nea-mobile-menu-link {
    display: none;
}

@media (min-width: 768px) {

    .nea-header-inner.nea-header-premium {
        width: 100%;
        max-width: 1320px;
        height: 122px;

        margin: 0 auto;
        padding: 10px 18px;

        display: grid;
        grid-template-columns:
            215px
            minmax(280px, 1fr)
            minmax(300px, 395px)
            auto;

        align-items: center;

        gap: 18px;
    }


    /* LOGO */

    .nea-premium-logo {
        width: 215px;
        height: 102px;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nea-premium-logo-image {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: contain;
        object-position: center;
    }

    .nea-premium-logo-fallback {
        color: #b77818;

        font-family: Georgia, 'Times New Roman', serif;
        font-size: 25px;
        font-weight: 700;
        text-align: center;
    }


    /* DÖNEN PROMO KARTI */

    .nea-premium-promo {
        position: relative;

        width: 100%;
        max-width: 430px;

        min-width: 0;

        justify-self: center;
    }

    .nea-premium-promo-stage {
        position: relative;

        width: 100%;
        height: 78px;

        overflow: hidden;

        border: 1px solid #e6c685;
        border-radius: 15px;

        background:
            linear-gradient(
                135deg,
                #fffdf8,
                #fff7e9
            );

        box-shadow:
            0 6px 18px rgba(151,99,15,.07);
    }

    .nea-premium-promo-slide {
        position: absolute;
        inset: 0;

        display: grid;
        grid-template-columns:
            92px
            minmax(0, 1fr)
            28px;

        align-items: center;
        gap: 10px;

        padding: 5px 10px 5px 5px;

        opacity: 0;
        pointer-events: none;

        animation:
            nea-premium-promo-slide
            20s
            infinite;
    }

    .nea-premium-promo-slide:nth-child(1) {
        animation-delay: 0s;
    }

    .nea-premium-promo-slide:nth-child(2) {
        animation-delay: 5s;
    }

    .nea-premium-promo-slide:nth-child(3) {
        animation-delay: 10s;
    }

    .nea-premium-promo-slide:nth-child(4) {
        animation-delay: 15s;
    }

    .nea-premium-promo-image {
        width: 92px;
        height: 66px;

        display: block;

        overflow: hidden;

        border-radius: 12px;

        background: #eee;
    }

    .nea-premium-promo-image img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
        object-position: center;
    }

    .nea-premium-promo-image-fallback {
        width: 100%;
        height: 100%;

        display: block;

        background:
            linear-gradient(
                135deg,
                #efe4d2,
                #d8c3a5
            );
    }

    .nea-premium-promo-copy {
        min-width: 0;

        display: flex;
        flex-direction: column;

        gap: 5px;
    }

    .nea-premium-promo-copy strong {
        width: fit-content;

        max-width: 100%;

        padding: 5px 10px;

        border-radius: 999px;

        background: #111;
        color: #f1bd5d;

        font-size: 10px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: .2px;

        white-space: nowrap;
    }

    .nea-premium-promo-sale
    .nea-premium-promo-copy strong {
        background: var(--nea-red);
        color: #fff;
    }

    .nea-premium-promo-campaign
    .nea-premium-promo-copy strong {
        background: var(--nea-orange);
        color: #fff;
    }

    .nea-premium-promo-new
    .nea-premium-promo-copy strong {
        background: #111;
        color: #fff;
    }

    .nea-premium-promo-copy > span {
        min-width: 0;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        color: #222;

        font-size: 12px;
        font-weight: 600;
    }

    .nea-premium-promo-arrow {
        color: #c98513;

        font-size: 25px;
        font-weight: 400;
        line-height: 1;
    }

    .nea-premium-promo-dots {
        height: 12px;

        margin-top: 5px;

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 5px;
    }

    .nea-premium-promo-dots span {
        width: 7px;
        height: 7px;

        display: block;

        border-radius: 50%;

        background: #ddd;

        animation:
            nea-premium-promo-dot
            20s
            infinite;
    }

    .nea-premium-promo-dots span:nth-child(1) {
        animation-delay: 0s;
    }

    .nea-premium-promo-dots span:nth-child(2) {
        animation-delay: 5s;
    }

    .nea-premium-promo-dots span:nth-child(3) {
        animation-delay: 10s;
    }

    .nea-premium-promo-dots span:nth-child(4) {
        animation-delay: 15s;
    }


    /* ARAMA */

    .nea-desktop-search {
        width: 100%;
        max-width: 395px !important;
        height: 52px;

        margin: 0 !important;

        border: 1px solid #d9d9d9;
        border-radius: 999px;

        background: #fff;

        box-shadow:
            0 3px 12px rgba(0,0,0,.05);
    }

    .nea-desktop-search:hover {
        border-color: #bbb;
    }

    .nea-desktop-search:focus-within {
        border-color: #aaa;

        box-shadow:
            0 5px 18px rgba(0,0,0,.08);
    }

    .nea-desktop-search-input {
        padding:
            0
            60px
            0
            20px;

        font-size: 13px;
    }

    .nea-desktop-search-button {
        top: 5px;
        right: 5px;

        width: 42px;
        height: 42px;

        border-radius: 50%;

        background: #050505;
        color: #fff;
    }

    .nea-desktop-search-button:hover {
        background: #222;
    }

    .nea-desktop-search-button svg {
        width: 19px;
        height: 19px;

        stroke: #fff;
    }


    /* SAĞ AKSİYONLAR */

    .nea-desktop-header-actions {
        display: flex;

        gap: 15px;
    }

    .nea-desktop-header-action {
        min-width: 50px;

        gap: 5px;

        color: #111;

        font-size: 9px;
    }

    .nea-desktop-header-action svg {
        width: 27px;
        height: 27px;

        stroke-width: 1.55;
    }

    .nea-desktop-header-action:hover {
        opacity: 1;
        color: #b87916;
    }

    .nea-desktop-header-action
    .nea-header-cart-count {
        top: -7px;
        right: -8px;

        min-width: 18px;
        height: 18px;

        background: #dc8c00;

        font-size: 9px;
    }
}


/* ---------------------------------------------------------
   PROMO ANİMASYONU
   --------------------------------------------------------- */

@keyframes nea-premium-promo-slide {

    0% {
        opacity: 0;
        transform: translateY(8px);
        pointer-events: none;
    }

    4%,
    21% {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    25%,
    100% {
        opacity: 0;
        transform: translateY(-8px);
        pointer-events: none;
    }
}

@keyframes nea-premium-promo-dot {

    0%,
    24% {
        background: #d98b00;
        transform: scale(1.08);
    }

    25%,
    100% {
        background: #ddd;
        transform: scale(1);
    }
}


/* ---------------------------------------------------------
   ÜST KATEGORİ MENÜSÜ - DESKTOP
   --------------------------------------------------------- */

@media (min-width: 768px) {

    .nea-top-category-tabs {
        position: relative;

        z-index: 4900;

        border-top: 1px solid #eee;
        border-bottom: 3px solid #d99724;

        background: #fff;
    }

    .nea-top-category-tabs-scroll {
        width: 100%;
        max-width: 1320px;
        min-height: 58px;

        margin: 0 auto;
        padding: 0 18px;

        display: flex;
        align-items: center;

        gap: 8px;

        overflow-x: auto;
    }

    .nea-top-category-tab {
        position: relative;

        min-height: 42px;

        padding: 0 13px;

        border: 0;
        border-radius: 0;

        color: #111;

        font-size: 12px;
        font-weight: 700;

        white-space: nowrap;
    }

    .nea-top-category-tab:not(
        .nea-top-category-tab-sale
    ):not(
        .nea-top-category-tab-campaign
    ):not(
        .nea-top-category-tab-moda
    )::after {
        content: '';

        position: absolute;

        top: 50%;
        right: -4px;

        width: 1px;
        height: 20px;

        background: #bbb;

        transform: translateY(-50%);
    }

    .nea-top-tab-icon {
        display: none;
    }

    .nea-top-category-tab-sale,
    .nea-top-category-tab-campaign,
    .nea-top-category-tab-moda {
        min-height: 40px;

        margin-left: 4px;

        padding: 0 17px;

        display: inline-flex;
        align-items: center;

        gap: 8px;

        border-radius: 999px;
    }

    .nea-top-category-tab-sale {
        background: var(--nea-red);
        color: #fff;
    }

    .nea-top-category-tab-campaign {
        background: var(--nea-orange);
        color: #fff;
    }

    .nea-top-category-tab-moda {
        border: 1px solid #e8c47d;

        background: #fff0d2;
        color: #111;
    }

    .nea-top-category-tab-sale
    .nea-top-tab-icon,
    .nea-top-category-tab-campaign
    .nea-top-tab-icon,
    .nea-top-category-tab-moda
    .nea-top-tab-icon {
        display: inline-flex;

        width: 18px;
        height: 18px;

        align-items: center;
        justify-content: center;

        font-size: 18px;
        font-weight: 800;
    }

    .nea-top-category-tab
    .nea-top-tab-icon svg {
        width: 17px;
        height: 17px;

        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
}


/* ---------------------------------------------------------
   MOBİL PREMIUM HEADER
   --------------------------------------------------------- */

.nea-mobile-fashion-ticker {
    display: none;
}

@media (max-width: 767px) {

    .nea-utility-inner {
        min-height: 32px;

        padding: 0 10px;

        overflow-x: auto;
        overflow-y: hidden;

        scrollbar-width: none;
    }

    .nea-utility-inner::-webkit-scrollbar {
        display: none;
    }

    .nea-utility-benefits {
        width: max-content;

        gap: 10px;
    }

    .nea-utility-right {
        display: none;
    }

    .nea-utility-item {
        font-size: 9px;
    }

    .nea-utility-item svg {
        width: 15px;
        height: 15px;
    }

    .nea-utility-separator {
        height: 15px;
    }


    .nea-header-inner.nea-header-premium {
        width: 100%;
        height: auto;

        padding:
            8px
            10px
            7px;

        display: grid;
        grid-template-columns:
            34px
            minmax(90px, 1fr)
            auto;

        align-items: center;

        gap: 7px;
    }


    .nea-mobile-menu-link {
        width: 34px;
        height: 34px;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #111;
    }

    .nea-mobile-menu-link svg {
        width: 25px;
        height: 25px;

        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
    }


    .nea-premium-logo {
        width: 118px;
        height: 56px;

        justify-self: start;

        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .nea-premium-logo-image {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: contain;
        object-position: left center;
    }

    .nea-premium-logo-fallback {
        font-size: 16px;
        font-weight: 700;
    }


    .nea-mobile-header-actions {
        display: flex;

        gap: 8px;
    }

    .nea-mobile-header-actions
    .nea-header-icon {
        width: 25px;
        height: 25px;
    }

    .nea-mobile-header-actions
    .nea-header-icon svg {
        width: 22px;
        height: 22px;
    }

    .nea-mobile-header-actions
    .nea-header-cart-count {
        top: -7px;
        right: -7px;

        background: #dc8c00;
    }


    /* MOBİL PROMO KARTI */

    .nea-premium-promo {
        grid-column: 1 / -1;

        width: 100%;

        margin-top: 4px;
    }

    .nea-premium-promo-stage {
        position: relative;

        width: 100%;
        height: 48px;

        overflow: hidden;

        border: 1px solid #e5c27b;
        border-radius: 12px;

        background:
            linear-gradient(
                90deg,
                #fffdf9,
                #fff4df
            );
    }

    .nea-premium-promo-slide {
        position: absolute;
        inset: 0;

        display: grid;
        grid-template-columns:
            56px
            minmax(0, 1fr)
            22px;

        align-items: center;
        gap: 7px;

        padding: 3px 8px 3px 3px;

        opacity: 0;
        pointer-events: none;

        animation:
            nea-premium-promo-slide
            20s
            infinite;
    }

    .nea-premium-promo-slide:nth-child(1) {
        animation-delay: 0s;
    }

    .nea-premium-promo-slide:nth-child(2) {
        animation-delay: 5s;
    }

    .nea-premium-promo-slide:nth-child(3) {
        animation-delay: 10s;
    }

    .nea-premium-promo-slide:nth-child(4) {
        animation-delay: 15s;
    }

    .nea-premium-promo-image {
        width: 56px;
        height: 40px;

        display: block;

        overflow: hidden;

        border-radius: 9px;

        background: #eee;
    }

    .nea-premium-promo-image img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
    }

    .nea-premium-promo-copy {
        min-width: 0;

        display: flex;
        flex-direction: column;

        gap: 3px;
    }

    .nea-premium-promo-copy strong {
        width: fit-content;

        max-width: 100%;

        padding: 3px 7px;

        border-radius: 999px;

        background: #111;
        color: #f2bd5d;

        font-size: 8px;
        font-weight: 800;
        line-height: 1;
    }

    .nea-premium-promo-sale
    .nea-premium-promo-copy strong {
        background: var(--nea-red);
        color: #fff;
    }

    .nea-premium-promo-campaign
    .nea-premium-promo-copy strong {
        background: var(--nea-orange);
        color: #fff;
    }

    .nea-premium-promo-new
    .nea-premium-promo-copy strong {
        background: #111;
        color: #fff;
    }

    .nea-premium-promo-copy > span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        color: #222;

        font-size: 10px;
        font-weight: 600;
    }

    .nea-premium-promo-arrow {
        color: #c98614;

        font-size: 20px;
    }

    .nea-premium-promo-dots {
        height: 10px;

        margin-top: 3px;

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 4px;
    }

    .nea-premium-promo-dots span {
        width: 6px;
        height: 6px;

        display: block;

        border-radius: 50%;

        background: #ddd;

        animation:
            nea-premium-promo-dot
            20s
            infinite;
    }

    .nea-premium-promo-dots span:nth-child(1) {
        animation-delay: 0s;
    }

    .nea-premium-promo-dots span:nth-child(2) {
        animation-delay: 5s;
    }

    .nea-premium-promo-dots span:nth-child(3) {
        animation-delay: 10s;
    }

    .nea-premium-promo-dots span:nth-child(4) {
        animation-delay: 15s;
    }


    /* MOBİL KATEGORİ CHIPLERİ */

    .nea-top-category-tabs {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #e0c080;

        background: #fff;
    }

    .nea-top-category-tabs-scroll {
        min-height: 50px;

        padding:
            6px
            9px;

        gap: 7px;
    }

    .nea-top-category-tab {
        min-height: 34px;

        padding: 0 11px;

        display: inline-flex;
        align-items: center;

        gap: 6px;

        border: 1px solid #ddd;
        border-radius: 999px;

        background: #fff;
        color: #111;

        font-size: 10px;
        font-weight: 700;
    }

    .nea-top-tab-icon {
        width: 16px;
        height: 16px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 16px;

        font-size: 14px;
        font-weight: 800;
    }

    .nea-top-tab-icon svg {
        width: 16px;
        height: 16px;

        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .nea-top-category-tab-sale {
        border-color: var(--nea-red);

        background: var(--nea-red);
        color: #fff;
    }

    .nea-top-category-tab-campaign {
        border-color: var(--nea-orange);

        background: var(--nea-orange);
        color: #fff;
    }

    .nea-top-category-tab-moda {
        border-color: #e9c985;

        background: #fff0d2;
        color: #111;
    }


    /* ALT MODA BANNERI */

    .nea-mobile-fashion-ticker {
        width: 100%;
        min-height: 42px;

        padding: 0 12px;

        display: flex;
        align-items: center;

        gap: 9px;

        overflow: hidden;

        border-bottom: 1px solid #e0b664;

        background:
            linear-gradient(
                90deg,
                #f8d98f,
                #fff3d8,
                #edbe5e
            );

        color: #111;
    }

    .nea-mobile-fashion-fire {
        flex: 0 0 auto;

        color: #d80000;

        font-size: 13px;
    }

    .nea-mobile-fashion-ticker strong {
        flex: 0 0 auto;

        font-size: 10px;
        font-weight: 900;
        font-style: italic;
    }

    .nea-mobile-fashion-divider {
        width: 1px;
        height: 22px;

        flex: 0 0 1px;

        background: rgba(60,35,0,.45);
    }

    .nea-mobile-fashion-title {
        min-width: 0;

        flex: 1 1 auto;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        font-size: 10px;
        font-weight: 700;
    }

    .nea-mobile-fashion-arrow {
        flex: 0 0 auto;

        color: #b86f00;

        font-size: 20px;
    }


    /* MASAÜSTÜ ELEMANLARI MOBİLDE GİZLE */

    .nea-desktop-search,
    .nea-desktop-header-actions {
        display: none !important;
    }
}


/* ---------------------------------------------------------
   KÜÇÜK TELEFONLAR
   --------------------------------------------------------- */

@media (max-width: 350px) {

    .nea-premium-logo {
        width: 100px;
        height: 50px;
    }

    .nea-mobile-header-actions {
        gap: 5px;
    }

    .nea-mobile-header-actions
    .nea-header-icon {
        width: 23px;
        height: 23px;
    }

    .nea-mobile-header-actions
    .nea-header-icon svg {
        width: 20px;
        height: 20px;
    }
}


/* ---------------------------------------------------------
   TABLET / DAR MASAÜSTÜ
   --------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1099px) {

    .nea-header-inner.nea-header-premium {
        height: 105px;

        grid-template-columns:
            165px
            minmax(230px, 1fr)
            minmax(260px, 340px)
            auto;

        gap: 12px;
    }

    .nea-premium-logo {
        width: 165px;
        height: 90px;
    }

    .nea-premium-promo-stage {
        height: 68px;
    }

    .nea-premium-promo-slide {
        grid-template-columns:
            70px
            minmax(0, 1fr)
            22px;
    }

    .nea-premium-promo-image {
        width: 70px;
        height: 56px;
    }

    .nea-desktop-search {
        height: 48px;
    }

    .nea-desktop-search-button {
        width: 38px;
        height: 38px;
    }

    .nea-desktop-header-actions {
        gap: 8px;
    }

    .nea-desktop-header-action {
        min-width: 42px;

        font-size: 8px;
    }

    .nea-desktop-header-action svg {
        width: 23px;
        height: 23px;
    }
}


/* =========================================================
   30. NEA V2 - PREMIUM HEADER SON DÜZELTMELER
   ========================================================= */


/* ---------------------------------------------------------
   HEADER ARTIK SAYFAYLA BİRLİKTE KAYAR
   --------------------------------------------------------- */

.nea-site-header,
body.admin-bar .nea-site-header {
    position: relative !important;
    top: auto !important;
}


/* ---------------------------------------------------------
   ÜST BİLGİ ŞERİDİ - 6 ÖĞE + AÇILAN BİLGİ KUTUSU
   --------------------------------------------------------- */

.nea-utility-bar {
    position: relative;
    z-index: 6000;
    overflow: visible;
}

.nea-utility-inner,
.nea-utility-benefits {
    overflow: visible;
}

.nea-utility-info {
    position: relative;
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
}

.nea-utility-info .nea-utility-item {
    color: #fff;
    cursor: default;
}

.nea-utility-info a.nea-utility-item {
    cursor: pointer;
}

.nea-utility-campaign .nea-utility-item {
    color: #ffd06f;
    font-weight: 800;
}

.nea-utility-campaign .nea-utility-item svg {
    stroke: #ffd06f;
}

.nea-utility-tooltip {
    position: absolute;

    top: calc(100% + 8px);
    left: 50%;

    z-index: 7000;

    width: max-content;
    max-width: 260px;

    padding: 10px 12px;

    border: 1px solid #e5c37e;
    border-radius: 9px;

    background: #fff;
    color: #222;

    box-shadow:
        0 10px 28px rgba(0,0,0,.16);

    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;

    text-align: center;

    opacity: 0;
    visibility: hidden;

    transform:
        translate(-50%, -4px);

    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease;

    pointer-events: none;
}

.nea-utility-tooltip::before {
    content: '';

    position: absolute;

    top: -6px;
    left: 50%;

    width: 10px;
    height: 10px;

    background: #fff;

    border-top: 1px solid #e5c37e;
    border-left: 1px solid #e5c37e;

    transform:
        translateX(-50%)
        rotate(45deg);
}

.nea-utility-info:hover
.nea-utility-tooltip,
.nea-utility-info:focus-within
.nea-utility-tooltip {
    opacity: 1;
    visibility: visible;

    transform:
        translate(-50%, 0);
}


/* ---------------------------------------------------------
   MOBİL HEADER YERLEŞİMİ
   Hamburger + Logo + Aksiyonlar aynı satır,
   promo ikinci satır.
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .nea-header-inner.nea-header-premium {
        grid-template-columns:
            34px
            minmax(95px, 1fr)
            auto;

        grid-template-areas:
            "menu logo actions"
            "promo promo promo";

        align-items: center;
    }

    .nea-mobile-menu-link {
        grid-area: menu;
    }

    .nea-premium-logo {
        grid-area: logo;
    }

    .nea-mobile-header-actions {
        grid-area: actions;

        justify-self: end;
        align-self: center;
    }

    .nea-premium-promo {
        grid-area: promo;

        margin-top: 5px;
    }


    /* Mobilde bilgi şeridi yatay kayar.
       Tooltip hover davranışı mobilde kapalı. */

    .nea-utility-inner {
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .nea-utility-benefits {
        width: max-content;
        overflow: visible;
    }

    .nea-utility-tooltip {
        display: none !important;
    }

    .nea-utility-campaign .nea-utility-item {
        color: #ffd06f;
    }
}


/* ---------------------------------------------------------
   416px VE ALTINDA LOGO / AKSİYON SIKIŞMASINI ÖNLE
   --------------------------------------------------------- */

@media (max-width: 430px) {

    .nea-premium-logo {
        width: 110px;
        height: 52px;
    }

    .nea-mobile-header-actions {
        gap: 7px;
    }

    .nea-mobile-header-actions
    .nea-header-icon {
        width: 24px;
        height: 24px;
    }

    .nea-mobile-header-actions
    .nea-header-icon svg {
        width: 21px;
        height: 21px;
    }
}


/* =========================================================
   31. NEA V2 - PREMIUM MİNİ BİLGİ BANNERLARI
   ========================================================= */

@media (min-width: 768px) {

    .nea-utility-tooltip {
        width: 250px;
        max-width: 250px;

        padding: 0;

        overflow: hidden;

        border: 1px solid #d9b46b;
        border-radius: 12px;

        background:
            linear-gradient(
                180deg,
                #fffdf9 0%,
                #fff8ec 100%
            );

        color: #111;

        box-shadow:
            0 16px 38px rgba(0,0,0,.18);

        text-align: left;
    }

    .nea-utility-tooltip::before {
        background: #fffdf9;
        border-color: #d9b46b;
    }

    .nea-utility-tooltip small {
        display: block;

        padding: 8px 12px 6px;

        background:
            linear-gradient(
                90deg,
                #111,
                #242424
            );

        color: #efbd5e;

        font-size: 8px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: .9px;
    }

    .nea-utility-tooltip strong {
        display: block;

        padding: 10px 12px 0;

        color: #111;

        font-size: 13px;
        font-weight: 800;
        line-height: 1.2;
    }

    .nea-utility-tooltip > span {
        display: block;

        padding: 6px 12px 11px;

        color: #6d6255;

        font-size: 10px;
        font-weight: 500;
        line-height: 1.45;
    }

    .nea-utility-tooltip b {
        display: flex;
        align-items: center;
        justify-content: space-between;

        margin: 0 12px 11px;
        padding-top: 9px;

        border-top: 1px solid #ecd8b2;

        color: #9c6208;

        font-size: 9px;
        font-weight: 800;
        line-height: 1;
    }

    .nea-utility-tooltip-campaign {
        border-color: #e3a62d;

        background:
            linear-gradient(
                135deg,
                #fff8e7,
                #fff1d0
            );
    }

    .nea-utility-tooltip-campaign small {
        background:
            linear-gradient(
                90deg,
                #b46d00,
                #d98f11
            );

        color: #fff;
    }

    .nea-utility-info:hover .nea-utility-item,
    .nea-utility-info:focus-within .nea-utility-item {
        color: #ffd06f;
    }

    .nea-utility-info:hover .nea-utility-item svg,
    .nea-utility-info:focus-within .nea-utility-item svg {
        stroke: #ffd06f;
    }
}


/* =========================================================
   32. NEA V2 - TOOLTIP KONUM + KAMPANYA DİPNOTU
   ========================================================= */

@media (min-width: 768px) {

    /* Soldaki ilk bilgi kartı ekran dışına taşmasın */
    .nea-utility-benefits
    > .nea-utility-info:first-child
    .nea-utility-tooltip {
        left: 0;
        transform: translateY(-4px);
    }

    .nea-utility-benefits
    > .nea-utility-info:first-child:hover
    .nea-utility-tooltip,
    .nea-utility-benefits
    > .nea-utility-info:first-child:focus-within
    .nea-utility-tooltip {
        transform: translateY(0);
    }

    .nea-utility-benefits
    > .nea-utility-info:first-child
    .nea-utility-tooltip::before {
        left: 42px;
        transform: rotate(45deg);
    }


    /* Sağdaki son kampanya kartı da ekran dışına taşmasın */
    .nea-utility-benefits
    > .nea-utility-info:last-child
    .nea-utility-tooltip {
        left: auto;
        right: 0;
        transform: translateY(-4px);
    }

    .nea-utility-benefits
    > .nea-utility-info:last-child:hover
    .nea-utility-tooltip,
    .nea-utility-benefits
    > .nea-utility-info:last-child:focus-within
    .nea-utility-tooltip {
        transform: translateY(0);
    }

    .nea-utility-benefits
    > .nea-utility-info:last-child
    .nea-utility-tooltip::before {
        left: auto;
        right: 34px;
        transform: rotate(45deg);
    }


    /* Kampanya bilgisinin altındaki güven veren dipnot */
    .nea-utility-tooltip em {
        display: block;

        margin: 0 12px 10px;
        padding: 8px 9px;

        border: 1px solid #ead2a3;
        border-radius: 8px;

        background: rgba(216,155,43,.10);
        color: #76500f;

        font-size: 9px;
        font-weight: 700;
        line-height: 1.4;
        font-style: normal;
    }

    .nea-utility-tooltip-campaign b {
        margin-top: 2px;
    }
}


/* =========================================================
   33. NEA V2 - MOBİL BİLGİ BANNERLARI + AKSİYON BUTONLARI
   ========================================================= */

.nea-utility-tooltip-action {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: 0 12px 11px;
    padding-top: 9px;

    border-top: 1px solid #ecd8b2;

    color: #9c6208;

    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.nea-utility-tooltip-action:hover {
    color: #111;
}


/* Eski b etiketi kalmışsa görünümü bozulmasın */
.nea-utility-tooltip b {
    display: none;
}


@media (max-width: 767px) {

    /*
     * Önceki sürümde mobil tooltip tamamen kapalıydı.
     * Artık dokununca açılıyor.
     */

    .nea-utility-tooltip {
        display: block !important;

        position: fixed !important;

        top: 86px;
        left: 12px !important;
        right: 12px !important;

        z-index: 999999;

        width: auto !important;
        max-width: none !important;

        padding: 0;

        overflow: hidden;

        border: 1px solid #d9b46b;
        border-radius: 13px;

        background:
            linear-gradient(
                180deg,
                #fffdf9 0%,
                #fff8ec 100%
            );

        color: #111;

        box-shadow:
            0 18px 45px rgba(0,0,0,.22);

        text-align: left;

        opacity: 0;
        visibility: hidden;

        transform: translateY(-8px) !important;

        transition:
            opacity .18s ease,
            transform .18s ease,
            visibility .18s ease;

        pointer-events: none;
    }


    body.admin-bar
    .nea-utility-tooltip {
        top: 132px;
    }


    .nea-utility-info.is-open
    .nea-utility-tooltip {
        opacity: 1;
        visibility: visible;

        transform: translateY(0) !important;

        pointer-events: auto;
    }


    .nea-utility-tooltip::before {
        display: none;
    }


    .nea-utility-tooltip small {
        display: block;

        padding: 9px 12px 7px;

        background:
            linear-gradient(
                90deg,
                #111,
                #242424
            );

        color: #efbd5e;

        font-size: 8px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: .9px;
    }


    .nea-utility-tooltip-campaign small {
        background:
            linear-gradient(
                90deg,
                #b46d00,
                #d98f11
            );

        color: #fff;
    }


    .nea-utility-tooltip strong {
        display: block;

        padding: 11px 12px 0;

        color: #111;

        font-size: 14px;
        font-weight: 800;
        line-height: 1.25;
    }


    .nea-utility-tooltip > span {
        display: block;

        padding: 7px 12px 10px;

        color: #6d6255;

        font-size: 10px;
        font-weight: 500;
        line-height: 1.45;
    }


    .nea-utility-tooltip em {
        display: block;

        margin: 0 12px 10px;
        padding: 8px 9px;

        border: 1px solid #ead2a3;
        border-radius: 8px;

        background:
            rgba(216,155,43,.10);

        color: #76500f;

        font-size: 9px;
        font-weight: 700;
        line-height: 1.4;
        font-style: normal;
    }


    .nea-utility-tooltip-action {
        min-height: 38px;

        margin: 0;
        padding: 0 12px;

        border-top: 1px solid #ead4a8;

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

        color: #8d5907;

        font-size: 10px;
        font-weight: 800;
    }


    .nea-utility-tooltip-action:active {
        background: rgba(216,155,43,.12);
    }
}


/* =========================================================
   33. NEA V2 - MOBİL HEADER INLINE ARAMA
   ========================================================= */

.nea-mobile-inline-search {
    display: none;
}

@media (max-width: 767px) {

    .nea-header-inner.nea-header-premium {
        grid-template-columns:
            34px
            90px
            minmax(0, 1fr)
            auto;

        grid-template-areas:
            "menu logo search actions"
            "promo promo promo promo";

        gap: 6px;
    }

    .nea-mobile-menu-link {
        grid-area: menu;
    }

    .nea-premium-logo {
        grid-area: logo;

        width: 90px;
        height: 46px;
    }

    .nea-mobile-inline-search {
        grid-area: search;

        min-width: 0;
        height: 36px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 8px;

        padding: 0 10px 0 12px;

        border: 1px solid #dedede;
        border-radius: 999px;

        background: #f7f7f7;
        color: #777;
    }

    .nea-mobile-inline-search-placeholder {
        min-width: 0;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        font-size: 10px;
        font-weight: 500;
    }

    .nea-mobile-inline-search svg {
        width: 17px;
        height: 17px;

        flex: 0 0 17px;

        fill: none;
        stroke: #111;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .nea-mobile-inline-search:active {
        background: #fff;
        border-color: #bbb;
    }

    .nea-mobile-header-actions {
        grid-area: actions;

        gap: 7px;
    }

    .nea-mobile-header-actions
    .nea-header-icon {
        width: 24px;
        height: 24px;
    }

    .nea-mobile-header-actions
    .nea-header-icon svg {
        width: 21px;
        height: 21px;
    }

    .nea-premium-promo {
        grid-area: promo;
    }
}


/* Çok dar telefonlarda alanı biraz sıkıştır */

@media (max-width: 360px) {

    .nea-header-inner.nea-header-premium {
        grid-template-columns:
            30px
            78px
            minmax(0, 1fr)
            auto;

        gap: 5px;
    }

    .nea-premium-logo {
        width: 78px;
        height: 42px;
    }

    .nea-mobile-inline-search {
        height: 34px;

        padding:
            0
            8px
            0
            10px;
    }

    .nea-mobile-inline-search-placeholder {
        font-size: 9px;
    }

    .nea-mobile-header-actions {
        gap: 5px;
    }

    .nea-mobile-header-actions
    .nea-header-icon {
        width: 22px;
        height: 22px;
    }

    .nea-mobile-header-actions
    .nea-header-icon svg {
        width: 19px;
        height: 19px;
    }
}


/* =========================================================
   34. NEA V2 - MOBİL KATEGORİ ÇEKMECESİ
   ========================================================= */

.nea-mobile-category-overlay,
.nea-mobile-category-drawer {
    display: none;
}

@media (max-width: 767px) {

    body.nea-category-drawer-open {
        overflow: hidden;
    }

    .nea-mobile-menu-link {
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .nea-mobile-category-overlay {
        position: fixed;
        inset: 0;

        z-index: 89990;

        display: block;

        background: rgba(0,0,0,.36);

        opacity: 0;

        transition: opacity .22s ease;
    }

    .nea-mobile-category-overlay[hidden] {
        display: none;
    }

    .nea-mobile-category-overlay.is-open {
        opacity: 1;
    }

    .nea-mobile-category-drawer {
        position: fixed;

        top: 0;
        left: 0;
        bottom: 0;

        z-index: 90000;

        width: min(86vw, 340px);

        display: block;

        overflow-y: auto;

        background: #fff;

        box-shadow:
            16px 0 45px rgba(0,0,0,.18);

        transform: translateX(-105%);

        transition: transform .24s ease;
    }

    .nea-mobile-category-drawer.is-open {
        transform: translateX(0);
    }

    .nea-mobile-category-drawer-head {
        position: sticky;
        top: 0;

        z-index: 2;

        min-height: 74px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 16px;

        padding: 15px 16px;

        border-bottom: 1px solid #eee;

        background: rgba(255,255,255,.98);
    }

    .nea-mobile-category-drawer-head > div {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .nea-mobile-category-drawer-head small {
        color: #b57918;

        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.1px;
    }

    .nea-mobile-category-drawer-head strong {
        color: #111;

        font-size: 22px;
        font-weight: 800;
    }

    .nea-mobile-category-close {
        width: 38px;
        height: 38px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        border: 1px solid #e6e6e6;
        border-radius: 50%;

        background: #fff;
        color: #111;

        font-size: 27px;
        font-weight: 300;
        line-height: 1;

        cursor: pointer;
    }

    .nea-mobile-category-drawer-links {
        padding: 8px 14px 30px;
    }

    .nea-mobile-category-drawer-links a {
        min-height: 52px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 14px;

        padding: 0 4px;

        border-bottom: 1px solid #eee;

        color: #111;

        font-size: 13px;
        font-weight: 700;
    }

    .nea-mobile-category-drawer-links a b {
        color: #b97916;

        font-size: 18px;
        font-weight: 500;
    }

    .nea-mobile-category-drawer-links
    .nea-mobile-category-sale {
        color: #d71920;
    }

    .nea-mobile-category-drawer-links
    .nea-mobile-category-campaign {
        color: #d98200;
    }


    /* Inline arama gerçek canlı aramayı tetikler.
       Eski ayrı arama ikonu ve hesap ikonu mobilde gizli. */

    .nea-mobile-search-hidden-trigger,
    .nea-mobile-account-icon {
        display: none !important;
    }

    .nea-mobile-header-actions {
        gap: 8px;
    }
}


/* =========================================================
   35. NEA V2 - ÜRÜN KARTI FOTOĞRAF GALERİSİ
   ========================================================= */

.nea-product-card-gallery {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: #f3f3f3;
}

.nea-product-card-gallery-track {
    width: 100%;

    display: flex;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
}

.nea-product-card-gallery-track::-webkit-scrollbar {
    display: none;
}

.nea-product-card-gallery-slide {
    flex: 0 0 100%;

    width: 100%;

    aspect-ratio: 3 / 4;

    display: block;

    overflow: hidden;

    scroll-snap-align: start;
    scroll-snap-stop: always;

    background: #f3f3f3;
}

.nea-product-card-gallery-slide img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition: transform .25s ease;
}


/* "Yeni" rozeti artık kullanılmıyor */
.nea-product-badge-new {
    display: none !important;
}


/* Masaüstü okları */

.nea-product-gallery-arrow {
    display: none;
}

.nea-product-gallery-dots {
    position: absolute;

    left: 50%;
    bottom: 8px;

    z-index: 7;

    display: flex;
    align-items: center;

    gap: 4px;

    transform: translateX(-50%);

    pointer-events: none;
}

.nea-product-gallery-dots span {
    width: 5px;
    height: 5px;

    display: block;

    border-radius: 50%;

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

    box-shadow:
        0 1px 3px rgba(0,0,0,.18);
}

.nea-product-gallery-dots span.is-active {
    width: 14px;

    border-radius: 999px;

    background: #fff;
}


@media (min-width: 768px) {

    .nea-product-gallery-arrow {
        position: absolute;

        top: 50%;

        z-index: 8;

        width: 36px;
        height: 48px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        border: 0;

        background: rgba(255,255,255,.92);
        color: #111;

        box-shadow:
            0 3px 12px rgba(0,0,0,.10);

        font-size: 29px;
        font-weight: 300;
        line-height: 1;

        opacity: 0;

        cursor: pointer;

        transform: translateY(-50%);

        transition:
            opacity .18s ease,
            background .18s ease;
    }

    .nea-product-gallery-prev {
        left: 7px;

        border-radius: 0 10px 10px 0;
    }

    .nea-product-gallery-next {
        right: 7px;

        border-radius: 10px 0 0 10px;
    }

    .nea-product-card-gallery:hover
    .nea-product-gallery-arrow:not(.is-disabled) {
        opacity: 1;
    }

    .nea-product-gallery-arrow:hover {
        background: #fff;
    }

    .nea-product-gallery-arrow.is-disabled {
        opacity: 0 !important;
        pointer-events: none;
    }

    .nea-product-card-gallery-slide:hover img {
        transform: scale(1.015);
    }
}


/* Mobilde ok yok; parmakla sağ/sol kaydırma */
@media (max-width: 767px) {

    .nea-product-gallery-arrow {
        display: none !important;
    }

    .nea-product-gallery-dots {
        bottom: 6px;
    }
}


/* =========================================================
   36. NEA V2 - PREMIUM MOBİL KATEGORİ MENÜSÜ
   ========================================================= */

@media (max-width: 767px) {

    .nea-mobile-category-drawer {
        width: min(91vw, 380px);

        background:
            linear-gradient(
                180deg,
                #fff 0%,
                #fff 72%,
                #fffaf2 100%
            );
    }


    /* -----------------------------------------------------
       ÜST MARKA
       ----------------------------------------------------- */

    .nea-mobile-category-drawer-head {
        min-height: 78px;

        padding: 10px 14px;

        border-bottom: 1px solid #eee;
    }

    .nea-mobile-drawer-brand {
        width: 148px;
        height: 58px;

        display: flex;
        align-items: center;
    }

    .nea-mobile-drawer-brand img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: contain;
        object-position: left center;
    }

    .nea-mobile-drawer-brand span {
        color: #b57918;

        font-family: Georgia, 'Times New Roman', serif;
        font-size: 18px;
        font-weight: 700;
    }

    .nea-mobile-category-close {
        width: 38px;
        height: 38px;

        border-color: #e8dfcf;

        background: #fffaf2;

        box-shadow:
            0 3px 12px rgba(0,0,0,.05);
    }


    /* -----------------------------------------------------
       ARAMA
       ----------------------------------------------------- */

    .nea-mobile-drawer-search {
        width: calc(100% - 28px);
        min-height: 44px;

        margin: 13px 14px 4px;
        padding: 0 14px;

        display: flex;
        align-items: center;

        gap: 10px;

        border: 1px solid #e5d1ab;
        border-radius: 999px;

        background: #fffaf2;
        color: #777;

        cursor: pointer;
    }

    .nea-mobile-drawer-search svg {
        width: 19px;
        height: 19px;

        flex: 0 0 19px;

        fill: none;
        stroke: #111;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .nea-mobile-drawer-search span {
        overflow: hidden;

        font-size: 11px;
        font-weight: 500;

        white-space: nowrap;
        text-overflow: ellipsis;
    }


    /* -----------------------------------------------------
       BÖLÜMLER
       ----------------------------------------------------- */

    .nea-mobile-drawer-section {
        padding: 15px 14px 3px;
    }

    .nea-mobile-drawer-section-head {
        min-height: 24px;

        margin-bottom: 10px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 12px;
    }

    .nea-mobile-drawer-section-head > span {
        color: #111;

        font-size: 13px;
        font-weight: 800;
    }

    .nea-mobile-drawer-section-head small {
        color: #a98d67;

        font-size: 9px;
        font-weight: 600;
    }


    /* -----------------------------------------------------
       KADIN / ERKEK GÖRSELLİ KARTLAR
       ----------------------------------------------------- */

    .nea-mobile-drawer-featured-grid {
        display: grid;

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

        gap: 8px;
    }

    .nea-mobile-drawer-featured-card {
        position: relative;

        min-height: 174px;

        overflow: hidden;

        border-radius: 14px;

        background: #eee;
        color: #fff;

        box-shadow:
            0 6px 18px rgba(0,0,0,.08);
    }

    .nea-mobile-drawer-featured-media,
    .nea-mobile-drawer-featured-media img,
    .nea-mobile-drawer-featured-fallback,
    .nea-mobile-drawer-featured-overlay {
        position: absolute;
        inset: 0;

        width: 100%;
        height: 100%;
    }

    .nea-mobile-drawer-featured-media img {
        display: block;

        object-fit: cover;
        object-position: center;
    }

    .nea-mobile-drawer-featured-fallback {
        display: block;

        background:
            linear-gradient(
                135deg,
                #d9c5a8,
                #9d8564
            );
    }

    .nea-mobile-drawer-featured-overlay {
        background:
            linear-gradient(
                to top,
                rgba(0,0,0,.66) 0%,
                rgba(0,0,0,.12) 62%,
                transparent 100%
            );
    }

    .nea-mobile-drawer-featured-copy {
        position: absolute;

        left: 12px;
        right: 12px;
        bottom: 12px;

        z-index: 2;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .nea-mobile-drawer-featured-copy small {
        margin-bottom: 3px;

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

        font-size: 7px;
        font-weight: 800;
        letter-spacing: .8px;
    }

    .nea-mobile-drawer-featured-copy strong {
        font-size: 20px;
        font-weight: 800;
        line-height: 1;
    }

    .nea-mobile-drawer-featured-copy b {
        margin-top: 7px;

        font-size: 9px;
        font-weight: 700;
    }


    /* -----------------------------------------------------
       HIZLI KISAYOLLAR
       ----------------------------------------------------- */

    .nea-mobile-drawer-shortcuts {
        display: grid;

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

        gap: 6px;
    }

    .nea-mobile-drawer-shortcuts a {
        min-width: 0;
        min-height: 76px;

        padding: 9px 4px 7px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 7px;

        border: 1px solid #eee2cc;
        border-radius: 12px;

        background: #fffaf2;
        color: #111;

        text-align: center;
    }

    .nea-mobile-drawer-shortcut-icon {
        width: 34px;
        height: 34px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #111;
        color: #e4ad43;

        font-size: 17px;
        font-weight: 800;
    }

    .nea-mobile-drawer-shortcuts a > span:last-child {
        max-width: 100%;

        overflow: hidden;

        font-size: 9px;
        font-weight: 800;
        line-height: 1.15;

        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .nea-mobile-drawer-shortcuts a.is-sale {
        border-color: #ffd5d7;
        background: #fff4f4;
        color: #c9151d;
    }

    .nea-mobile-drawer-shortcuts a.is-sale
    .nea-mobile-drawer-shortcut-icon {
        background: #d71920;
        color: #fff;
    }

    .nea-mobile-drawer-shortcuts a.is-campaign {
        border-color: #ffdbaa;
        background: #fff7e9;
        color: #c66d00;
    }

    .nea-mobile-drawer-shortcuts a.is-campaign
    .nea-mobile-drawer-shortcut-icon {
        background: #ef8c00;
        color: #fff;
    }


    /* -----------------------------------------------------
       KEŞFET LİSTESİ
       ----------------------------------------------------- */

    .nea-mobile-drawer-explore {
        padding-bottom: 12px;
    }

    .nea-mobile-category-drawer-links {
        padding: 0;

        overflow: hidden;

        border: 1px solid #eee4d4;
        border-radius: 13px;

        background: #fff;
    }

    .nea-mobile-category-drawer-links a {
        min-height: 50px;

        padding: 0 14px;

        border-bottom: 1px solid #f1ece3;

        font-size: 12px;
        font-weight: 700;
    }

    .nea-mobile-category-drawer-links a:last-child {
        border-bottom: 0;
    }

    .nea-mobile-category-drawer-links a b {
        color: #b67a1a;

        font-size: 18px;
    }

    .nea-mobile-category-drawer-links
    .nea-mobile-drawer-all-products {
        background: #111;
        color: #fff;
    }

    .nea-mobile-category-drawer-links
    .nea-mobile-drawer-all-products b {
        color: #e8b657;
    }


    /* -----------------------------------------------------
       ALT NOT
       ----------------------------------------------------- */

    .nea-mobile-drawer-bottom-note {
        margin: 6px 14px 24px;
        padding: 14px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 12px;

        border-top: 1px solid #eadcc4;

        color: #8f7145;
    }

    .nea-mobile-drawer-bottom-note strong {
        color: #111;

        font-size: 10px;
        font-weight: 800;
    }

    .nea-mobile-drawer-bottom-note span {
        font-size: 9px;
        font-weight: 600;
    }
}


/* Küçük telefonlarda kartları biraz sıkıştır */

@media (max-width: 350px) {

    .nea-mobile-drawer-featured-card {
        min-height: 154px;
    }

    .nea-mobile-drawer-shortcuts {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .nea-mobile-drawer-shortcuts a {
        min-height: 65px;
    }
}


/* =========================================================
   37. NEA V2 - HIZLI SEPETE EKLE
   Ana sayfa + kategori ürün kartları
   ========================================================= */

.nea-product-quick-add {
    position: absolute;

    z-index: 9;

    border: 0;

    background: #111;
    color: #fff;

    cursor: pointer;

    box-shadow:
        0 5px 18px rgba(0,0,0,.18);

    transition:
        opacity .18s ease,
        transform .18s ease,
        background .18s ease;
}

.nea-product-quick-add svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nea-product-quick-add.is-added {
    background: #227a3d;
}

.nea-product-card-sold-out {
    position: absolute;

    left: 8px;
    bottom: 8px;

    z-index: 8;

    padding: 7px 9px;

    border-radius: 999px;

    background: rgba(17,17,17,.88);
    color: #fff;

    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}


/* Masaüstü: görselin altına premium bar */

@media (min-width: 768px) {

    .nea-product-quick-add {
        left: 10px;
        right: 10px;
        bottom: 10px;

        min-height: 40px;

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 8px;

        border-radius: 7px;

        font-size: 11px;
        font-weight: 800;

        opacity: 0;

        transform:
            translateY(6px);
    }

    .nea-product-card:hover
    .nea-product-quick-add,
    .nea-product-quick-add:focus-visible {
        opacity: 1;

        transform:
            translateY(0);
    }

    .nea-product-quick-add:hover {
        background: #262626;
    }

    .nea-product-card-gallery-dots,
    .nea-product-gallery-dots {
        transition:
            bottom .18s ease;
    }

    .nea-product-card:hover
    .nea-product-gallery-dots {
        bottom: 58px;
    }
}


/* Mobil: fotoğraf üzerinde kompakt sepet düğmesi */

@media (max-width: 767px) {

    .nea-product-quick-add {
        right: 8px;
        bottom: 8px;

        width: 35px;
        height: 35px;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0;

        border-radius: 50%;

        background: rgba(17,17,17,.94);
    }

    .nea-product-quick-add span {
        display: none;
    }

    .nea-product-quick-add svg {
        width: 17px;
        height: 17px;
    }

    .nea-product-gallery-dots {
        max-width: calc(100% - 94px);
    }
}


/* ---------------------------------------------------------
   POPUP / BOTTOM SHEET
   --------------------------------------------------------- */

body.nea-quick-add-open {
    overflow: hidden;
}

.nea-quick-add-overlay {
    position: fixed;
    inset: 0;

    z-index: 100500;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 18px;

    background: rgba(0,0,0,.44);

    opacity: 0;

    transition:
        opacity .20s ease;
}

.nea-quick-add-overlay[hidden] {
    display: none;
}

.nea-quick-add-overlay.is-open {
    opacity: 1;
}

.nea-quick-add-panel {
    position: relative;

    width: min(100%, 480px);
    max-height: min(86vh, 720px);

    overflow-x: hidden;
    overflow-y: auto;

    border: 1px solid #e9e2d7;
    border-radius: 18px;

    background: #fff;
    color: #111;

    box-shadow:
        0 28px 70px rgba(0,0,0,.28);

    opacity: 0;

    transform:
        translateY(12px)
        scale(.985);

    transition:
        opacity .20s ease,
        transform .20s ease;
}

.nea-quick-add-panel.is-open {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}

.nea-quick-add-mobile-handle {
    display: none;
}

.nea-quick-add-close {
    position: absolute;

    top: 12px;
    right: 12px;

    z-index: 4;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid #e8e4de;
    border-radius: 50%;

    background: rgba(255,255,255,.94);
    color: #111;

    font-size: 25px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;
}

.nea-quick-add-body {
    padding: 20px;
}

.nea-quick-add-product {
    display: grid;

    grid-template-columns:
        92px
        minmax(0, 1fr);

    gap: 14px;

    padding-right: 38px;
    padding-bottom: 17px;

    border-bottom: 1px solid #eee9e1;
}

.nea-quick-add-image-link {
    width: 92px;
    aspect-ratio: 3 / 4;

    display: block;

    overflow: hidden;

    border-radius: 9px;

    background: #f2f2f2;
}

.nea-quick-add-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}

.nea-quick-add-product-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    justify-content: center;
}

.nea-quick-add-product-copy small {
    margin-bottom: 6px;

    color: #b57918;

    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1px;
}

.nea-quick-add-title {
    color: #111;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.nea-quick-add-price {
    margin-top: 8px;

    color: #111;

    font-size: 15px;
    font-weight: 800;
}

.nea-quick-add-price del {
    margin-right: 6px;

    color: #999;

    font-size: 11px;
    font-weight: 500;
}

.nea-quick-add-price ins {
    text-decoration: none;
}

.nea-quick-add-choices {
    padding: 16px 0 4px;
}

.nea-quick-add-choice-group {
    margin-bottom: 17px;
}

.nea-quick-add-choice-group.is-auto {
    display: none;
}

.nea-quick-add-choice-head {
    min-height: 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 8px;
}

.nea-quick-add-choice-head strong {
    font-size: 11px;
    font-weight: 800;
}

.nea-quick-add-choice-head span {
    color: #9a7540;

    font-size: 10px;
    font-weight: 600;
}

.nea-quick-add-options {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

.nea-quick-add-option {
    min-width: 48px;
    min-height: 38px;

    padding: 8px 12px;

    border: 1px solid #ddd6ca;
    border-radius: 7px;

    background: #fff;
    color: #111;

    font-size: 11px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background .15s ease,
        color .15s ease;
}

.nea-quick-add-option:hover:not(:disabled) {
    border-color: #111;
}

.nea-quick-add-option.is-selected {
    border-color: #111;

    background: #111;
    color: #fff;
}

.nea-quick-add-option:disabled {
    position: relative;

    border-color: #eee;

    background: #f7f7f7;
    color: #bbb;

    cursor: not-allowed;

    text-decoration: line-through;
}

.nea-quick-add-message {
    min-height: 18px;

    margin: 3px 0 7px;

    color: #c32626;

    font-size: 10px;
    font-weight: 600;
    line-height: 1.35;
}

.nea-quick-add-submit {
    width: 100%;
    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 18px;

    border: 0;
    border-radius: 8px;

    background: #111;
    color: #fff;

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15px;

    cursor: pointer;

    transition:
        background .18s ease,
        opacity .18s ease;
}

.nea-quick-add-submit:hover:not(:disabled) {
    background: #292929;
}

.nea-quick-add-submit:disabled {
    background: #d7d7d7;
    color: #888;

    cursor: not-allowed;
}

.nea-quick-add-submit.is-added {
    background: #227a3d;
    color: #fff;
}

.nea-quick-add-detail-link {
    min-height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 7px;

    color: #766044;

    font-size: 10px;
    font-weight: 700;
}

.nea-quick-add-detail-link:hover {
    color: #111;
}

.nea-quick-add-loading {
    min-height: 260px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 6px;
}

.nea-quick-add-loading span {
    width: 8px;
    height: 8px;

    display: block;

    border-radius: 50%;

    background: #b57918;

    animation:
        nea-quick-add-loading
        .85s
        infinite
        alternate;
}

.nea-quick-add-loading span:nth-child(2) {
    animation-delay: .15s;
}

.nea-quick-add-loading span:nth-child(3) {
    animation-delay: .30s;
}

@keyframes nea-quick-add-loading {

    from {
        opacity: .25;
        transform: translateY(2px);
    }

    to {
        opacity: 1;
        transform: translateY(-2px);
    }
}

.nea-quick-add-error {
    min-height: 220px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 34px 26px;

    text-align: center;
}

.nea-quick-add-error strong {
    font-size: 18px;
}

.nea-quick-add-error p {
    margin: 9px 0 4px;

    color: #777;

    font-size: 11px;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   MOBİL BOTTOM SHEET
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .nea-quick-add-overlay {
        align-items: flex-end;

        padding: 0;

        background: rgba(0,0,0,.42);
    }

    .nea-quick-add-panel {
        width: 100%;
        max-height: 84vh;

        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 20px 20px 0 0;

        padding-bottom:
            env(safe-area-inset-bottom);

        transform:
            translateY(105%);
    }

    .nea-quick-add-panel.is-open {
        transform:
            translateY(0);
    }

    .nea-quick-add-mobile-handle {
        width: 38px;
        height: 4px;

        display: block;

        margin: 9px auto 0;

        border-radius: 999px;

        background: #ddd;
    }

    .nea-quick-add-close {
        top: 10px;
        right: 12px;

        width: 34px;
        height: 34px;
    }

    .nea-quick-add-body {
        padding:
            13px
            14px
            16px;
    }

    .nea-quick-add-product {
        grid-template-columns:
            74px
            minmax(0, 1fr);

        gap: 11px;

        padding-right: 34px;
        padding-bottom: 13px;
    }

    .nea-quick-add-image-link {
        width: 74px;
    }

    .nea-quick-add-title {
        font-size: 12px;
    }

    .nea-quick-add-price {
        margin-top: 5px;

        font-size: 13px;
    }

    .nea-quick-add-choices {
        padding-top: 13px;
    }

    .nea-quick-add-choice-group {
        margin-bottom: 14px;
    }

    .nea-quick-add-option {
        min-width: 45px;
        min-height: 36px;

        padding: 8px 10px;

        font-size: 10px;
    }

    .nea-quick-add-submit {
        min-height: 46px;
    }
}