/* ==========================================================================
   FNP Responsive – AA Consulting
   Masaüstü (1920px) fnp.css içinde tanımlıdır; tüm breakpoint düzenlemeleri burada.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Global – taşma önleme ve medya güvenliği
   -------------------------------------------------------------------------- */
/* fnp-mnav – yalnızca mobilde */
.fnp-mnav {
    display: none;
}

html {
    overflow-x: clip;
}

body {
    overflow-x: clip;
}

img,
video,
iframe,
svg {
    max-width: 100%;
}

.blog-image img,
.card .blog-image img,
.product-image img,
.fnp-hero img {
    height: auto;
    object-fit: cover;
}

.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ==========================================================================
   max-width: 1699px – geniş masaüstü optimizasyonu
   ========================================================================== */
@media (max-width: 1699px) {
    .fnp-container {
        max-width: 1320px;
        padding-left: 28px;
        padding-right: 28px;
    }

    header .navbar > .container-fluid {
        padding-left: 28px;
        padding-right: 28px;
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav button.nav-link {
        font-size: 19px;
        padding: 28px 18px;
    }

    .fnp_title {
        font-size: 46px;
    }

    .fnp_detail h2,
    .fnp_detail h3,
    .fnp_detail h4,
    .fnp-title,
    .fnp-detail h2,
    .fnp-detail h3,
    .fnp-detail h4 {
        font-size: 44px;
    }

    .nova-slide-title {
        font-size: 54px;
    }

    .nova-social-line {
        width: 100px;
    }

    .stack-box-contain .ps-12 {
        padding-left: 4.5rem !important;
    }

    .stack-box-contain .pe-10 {
        padding-right: 3.5rem !important;
    }
}

/* ==========================================================================
   max-width: 1499px
   ========================================================================== */
@media (max-width: 1499px) {
    .fnp-container {
        max-width: 1240px;
        padding-left: 24px;
        padding-right: 24px;
    }

    header .navbar > .container-fluid {
        padding-left: 24px;
        padding-right: 24px;
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav button.nav-link {
        font-size: 17px;
        padding: 26px 10px;
    }

    header .navbar-brand img {
        max-height: 72px;
    }

    .fnp_title {
        font-size: 44px;
    }

    .fnp_detail h2,
    .fnp_detail h3,
    .fnp_detail h4,
    .fnp-title,
    .fnp-detail h2,
    .fnp-detail h3,
    .fnp-detail h4 {
        font-size: 42px;
        line-height: 1.3;
    }

    .nova-slide-title {
        font-size: 50px;
    }

    .nova-slide-text {
        font-size: 16px;
    }

    .nova-swiper-arrow i {
        font-size: 40px;
    }

    .nova-social-bar {
        left: 32px;
        bottom: 58px;
    }

    .scroll-msg {
        bottom: 54px;
    }

    .banner {
        height: 460px;
    }

    .process-step-style-10 .number {
        font-size: 6.5rem !important;
    }

    footer .footer-logo img {
        max-height: 110px;
    }
}

/* ==========================================================================
   max-width: 1299px – masaüstü hissi, sıkı boşluklar
   ========================================================================== */
@media (max-width: 1299px) {
    .fnp-container {
        max-width: 1140px;
        padding-left: 20px;
        padding-right: 20px;
    }

    header .navbar > .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav button.nav-link {
        font-size: 17px;
        padding: 24px 14px;
    }

    header .navbar-brand img {
        max-height: 64px;
    }

    header .navbar .btn.btn-large {
        font-size: 14px;
        padding: 12px 22px;
    } 

    header .navbar .btn.btn-switch-text.btn-large > span {
        padding: 0;
    }

    .fnp_title {
        font-size: 40px;
        margin-bottom: 22px !important;
    }

    .fnp_detail p,
    .fnp_detail ul,
    .fnp-detail p,
    .fnp-detail ul {
        font-size: 16px;
    }

    .fnp_detail h2,
    .fnp_detail h3,
    .fnp_detail h4,
    .fnp-title,
    .fnp-detail h2,
    .fnp-detail h3,
    .fnp-detail h4 {
        font-size: 38px;
    }

    h1,
    .h1 {
        line-height: 3.4rem;
    }

    .nova-slide-title {
        font-size: 46px;
    }

    .nova-hero-swiper,
    .nova-slide-item {
        min-height: 520px;
    }

    .nova-swiper-prev {
        left: 18px;
    }

    .nova-swiper-next {
        right: 18px;
    }

    .stack-box-contain .full-screen {
        min-height: 88vh;
        height: auto;
    }

    .stack-box-contain .ps-12 {
        padding-left: 3.5rem !important;
    }

    .stack-box-contain .pe-10,
    .stack-box-contain .xxl-pe-10 {
        padding-right: 2.5rem !important;
    }

    .stack-box-contain .lg-ps-6 {
        padding-left: 2rem !important;
    }

    .stack-box-contain .lg-pe-4 {
        padding-right: 1.5rem !important;
    }

    .guide-card-icon {
        font-size: 88px;
    }

    .fixed_cta.wp {
        right: 40px;
        bottom: 48px;
    }

    .fixed_cta.tel {
        right: 40px;
        bottom: 118px;
    }
}

/* ==========================================================================
   max-width: 1199px – laptop / tablet yatay
   ========================================================================== */
@media (max-width: 1199px) {
    .fnp-container {
        max-width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    header .navbar > .container-fluid {
        padding-left: 18px;
        padding-right: 18px;
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav button.nav-link {
        font-size: 16px;
        padding: 22px 12px;
    }

    header .navbar-brand img {
        max-height: 56px;
    }

    .fnp_title,
    .banner .fnp_title {
        font-size: 36px;
    }

    .fnp_detail h2,
    .fnp_detail h3,
    .fnp_detail h4,
    .fnp-title,
    .fnp-detail h2,
    .fnp-detail h3,
    .fnp-detail h4 {
        font-size: 34px;
        line-height: 1.28;
    }

    .fs-50 {
        font-size: 2.25rem !important;
    }

    .nova-slide-title {
        font-size: 42px;
    }

    .nova-hero-swiper,
    .nova-slide-item {
        height: 82vh;
        min-height: 480px;
    }

    .nova-social-bar {
        left: 24px;
        bottom: 52px;
        gap: 14px;
    }

    .nova-social-line {
        width: 72px;
    }

    .nova-social-icons {
        gap: 16px;
    }

    /* Kartlar – 2 sütun */
    .home_about_us + .nasil_calisiriz .row-cols-lg-4 > .col,
    .nasil_calisiriz .row-cols-lg-4 > .col,
    section .row-cols-lg-4.counter-style-04 > .col {
        flex: 0 0 auto;
        width: 50%;
    }

    section .row > .col-lg-4:nth-child(odd) {
        padding-bottom: 1.5rem;
    }

    .bilgi-merkezi .row > .col-lg-4 {
        width: 50%;
    }

    .stack-box-contain {
        height: auto;
        position: relative;
        top: auto;
    }

    .stack-box-contain .full-screen {
        min-height: auto;
        height: auto !important;
    }

    .stack-box-contain .col-lg-6.cover-background {
        min-height: 420px;
        height: 420px !important;
    }

    .stack-box-contain .md-p-50px {
        padding: 40px !important;
    }

    .banner {
        height: 400px;
    }

    .mega-menu-inner {
        padding-left: 18px;
        padding-right: 18px;
    }

    .mega-menu-container {
        padding: 32px 36px;
    }

    .mega-menu-col {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    footer .row.mb-6 > .col-lg-5 {
        width: 100%;
        margin-bottom: 2rem;
    }

    footer .row.mb-6 > .col-md-2 {
        width: 33.333%;
    }

    .overlap-gap-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* ==========================================================================
   max-width: 1024px – tablet
   ========================================================================== */
@media (max-width: 1024px) {
    section:not(.nova-hero-area):not(.py-0):not(.pt-0) {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    section.home_about_us,
    section.nasil_calisiriz {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav button.nav-link {
        font-size: 15px;
        padding: 20px 10px;
    }

    .fnp_title,
    .banner .fnp_title {
        font-size: 34px;
    }

    .nova-slide-title {
        font-size: 38px;
    }

    .nova-slide-content {
        padding: 28px 22px;
    }

    .nova-hero-swiper,
    .nova-slide-item {
        height: 75vh;
        min-height: 440px;
    }

    .process-step-style-10 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .process-step-style-10 .number {
        font-size: 5.5rem !important;
    }

    .stack-box-contain .col-lg-6.cover-background {
        min-height: 380px;
        height: 380px !important;
    }

    .stack-box-contain .fnp_title {
        font-size: 32px;
    }

    .contact-form-style-01 .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
    }

    .contact-form-style-01 .col-md-4:nth-child(3) {
        width: 100%;
    }

    .contact-form-style-01 .col-lg-6 {
        width: 50%;
    }

    .newsletter-style-03 .btn {
        padding: 16px 24px;
    }

    footer .overlap-section .h3 {
        font-size: 1.65rem;
    }

    footer .overlap-section .fs-20 { 
        font-size: 17px !important;
    }

    .product-info > div[style*="sticky"] {
        position: relative !important;
        top: auto !important;
    }
}

/* ==========================================================================
   max-width: 992px – tablet / mobil menü
   ========================================================================== */
@media (max-width: 992px) {
    /* Tema mobil menüsünü devre dışı bırak */
    .navbar-modern-inner,
    .navbar-show-modern-bg,
    .navbar-toggler-clone {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .fnp-site-header .fnp-site-header__bar {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .fnp-site-header .fnp-site-header__brand-col {
        flex: 1 1 auto;
        width: auto;
        max-width: calc(100% - 130px);
        min-width: 0;
    }

    .fnp-site-header .fnp-site-header__mobile-col {
        flex: 0 0 auto;
        order: 2;
        margin-left: auto;
    }

    .fnp-site-header .fnp-site-header__cta-col {
        display: none !important;
    }

    .fnp-site-header .fnp-site-header__brand img {
        max-height: 62px;
        width: auto;
    }

    /* Hero üstü: logo2 | Sticky: ana logo (logo) header’da */
    .fnp-site-header .fnp-site-header__logo--sticky,
    .fnp-site-header .mobile-logo {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        pointer-events: none !important;
    }

    .fnp-site-header:not(.sticky):not(.sticky-active) .fnp-site-header__logo--hero {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
    }

    .fnp-site-header.sticky .fnp-site-header__logo--hero,
    .fnp-site-header.sticky-active .fnp-site-header__logo--hero,
    .fnp-site-header.sticky .navbar-brand .default-logo,
    .fnp-site-header.sticky-active .navbar-brand .default-logo {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        pointer-events: none !important;
    }

    .fnp-site-header.sticky .fnp-site-header__logo--sticky,
    .fnp-site-header.sticky-active .fnp-site-header__logo--sticky,
    .fnp-site-header.sticky .navbar-brand .alt-logo,
    .fnp-site-header.sticky-active .navbar-brand .alt-logo {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        pointer-events: auto !important;
    }

    /* ------------------------------------------------------------------
       fnp-mnav – tetikleyici
       ------------------------------------------------------------------ */
    .fnp-mnav-trigger {
        float: none;
        margin: 0;
        width: auto;
        min-width: 108px;
        height: 48px;
        padding: 0 14px 0 12px;
        border: none;
        border-radius: 6px;
        background-color: #1d1d1d;
        box-shadow: 0 8px 24px rgba(29, 29, 29, 0.22);
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
        position: relative;
        overflow: hidden;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
    }

    .fnp-mnav-trigger::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, #e0b712 0%, #1ea3b1 100%);
        border-radius: 6px 0 0 6px;
        z-index: 1;
    }

    .fnp-mnav-trigger__icon {
        position: relative;
        z-index: 2;
        width: 22px;
        height: 16px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-shrink: 0;
        margin-right: 10px;
    }

    .fnp-mnav-trigger__line {
        display: block;
        height: 2px;
        width: 100%;
        background: #ffffff;
        border-radius: 2px;
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease, width 0.25s ease;
    }

    .fnp-mnav-trigger__line:nth-child(3) {
        width: 65%;
    }

    .fnp-mnav-trigger__label {
        position: relative;
        z-index: 2;
        font-family: var(--yeni-font);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #ffffff;
        line-height: 1;
        white-space: nowrap;
    }

    .fnp-mnav-trigger:hover {
        background-color: #2a2a2a;
    }

    .fnp-mnav-trigger:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(224, 183, 18, 0.35);
    }

    .fnp-mnav-trigger--active .fnp-mnav-trigger__line:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
        width: 100%;
    }

    .fnp-mnav-trigger--active .fnp-mnav-trigger__line:nth-child(2) {
        opacity: 0;
    }

    .fnp-mnav-trigger--active .fnp-mnav-trigger__line:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
        width: 100%;
    }

    .fnp-mnav-trigger--active .fnp-mnav-trigger__label {
        color: #e0b712;
    }

    .fnp-mnav-open .fnp-site-header {
        z-index: 110;
    }

    /* ------------------------------------------------------------------
       fnp-mnav – panel & açılış
       ------------------------------------------------------------------ */
    .fnp-mnav {
        position: fixed;
        inset: 0;
        z-index: 1050;
        pointer-events: none;
        visibility: hidden;
    }

    .fnp-mnav--open {
        pointer-events: auto;
        visibility: visible;
    }

    .fnp-mnav__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(29, 29, 29, 0.62);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    .fnp-mnav--open .fnp-mnav__backdrop {
        opacity: 1;
    }

    .fnp-mnav__panel {
        position: absolute;
        top: 0;
        right: 0;
        width: min(380px, 90vw);
        height: 100dvh;
        height: 100vh;
        background: linear-gradient(168deg, #1d1d1d 0%, #242424 45%, #181818 100%);
        box-shadow: -16px 0 48px rgba(0, 0, 0, 0.4);
        display: flex;
        flex-direction: column;
        transform: translate3d(100%, 0, 0);
        transition: transform 0.52s cubic-bezier(0.22, 1, 0.36, 1);
        overflow: hidden;
    }

    .fnp-mnav--open .fnp-mnav__panel {
        transform: translate3d(0, 0, 0);
    }

    .fnp-mnav__panel::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #e0b712 0%, #1ea3b1 100%);
        z-index: 2;
    }

    .fnp-mnav__head {
        position: relative;
        z-index: 3;
        padding: 28px 24px 20px 32px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        flex-shrink: 0;
    }

    .fnp-mnav__eyebrow {
        margin: 0 0 12px;
        font-family: var(--yeni-font);
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #e0b712;
    }

    .fnp-mnav__brand {
        display: inline-block;
        line-height: 0;
    }

    .fnp-mnav__logo {
        max-height: 52px;
        width: auto;
        max-width: 200px;
        object-fit: contain;
    }

    .fnp-mnav__close {
        position: absolute;
        top: 24px;
        right: 20px;
        width: 44px;
        height: 44px;
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.06);
        padding: 0;
        cursor: pointer;
        transition: background 0.25s ease, border-color 0.25s ease;
    }

    .fnp-mnav__close:hover {
        background: rgba(224, 183, 18, 0.15);
        border-color: rgba(224, 183, 18, 0.45);
    }

    .fnp-mnav__close-line {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 18px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        margin: -1px 0 0 -9px;
    }

    .fnp-mnav__close-line:first-child {
        transform: rotate(45deg);
    }

    .fnp-mnav__close-line:last-child {
        transform: rotate(-45deg);
    }

    .fnp-mnav__body {
        position: relative;
        z-index: 3;
        flex: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px 24px 32px 32px;
    }

    .fnp-mnav__menu .navbar-nav {
        width: 100%;
        flex-direction: column;
    }

    .fnp-mnav__menu .navbar-nav > .nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        opacity: 0;
        transform: translate3d(20px, 0, 0);
    }

    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item {
        animation: fnpMnavItemIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(1) { animation-delay: 0.1s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(2) { animation-delay: 0.14s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(3) { animation-delay: 0.18s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(4) { animation-delay: 0.22s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(5) { animation-delay: 0.26s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(6) { animation-delay: 0.3s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(7) { animation-delay: 0.34s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(8) { animation-delay: 0.38s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(9) { animation-delay: 0.42s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(10) { animation-delay: 0.46s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(11) { animation-delay: 0.5s; }
    .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item:nth-child(12) { animation-delay: 0.54s; }

    .fnp-mnav__menu .nav-link,
    .fnp-mnav__menu button.nav-link {
        color: #ffffff !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        padding: 14px 0 !important;
    }

    .fnp-mnav__menu .nav-link:hover,
    .fnp-mnav__menu button.nav-link:hover,
    .fnp-mnav__menu .nav-item.active > .nav-link,
    .fnp-mnav__menu .nav-item.active > button.nav-link {
        color: #e0b712 !important;
        opacity: 1 !important;
    }

    .fnp-mnav__menu .dropdown-menu {
        position: static !important;
        transform: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 0 8px 12px !important;
    }

    .fnp-mnav__menu .dropdown-menu a,
    .fnp-mnav__menu .dropdown-menu button {
        color: rgba(255, 255, 255, 0.72) !important;
        font-size: 14px !important;
    }

    /* Alt menü düzeni – masaüstü flex / çift ikon düzeltmesi */
    .fnp-mnav__menu .navbar-nav .nav-item,
    .fnp-mnav__menu .dropdown-menu > li {
        display: block !important;
        position: relative;
    }

    .fnp-mnav__menu .nav-item > .nav-link,
    .fnp-mnav__menu .nav-item > button.nav-link,
    .fnp-mnav__menu .dropdown-menu > li > .dropdown-item {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 12px;
    }

    .fnp-mnav__menu .dropdown-with-icon-style02 > i.dropdown-toggle[role="button"],
    .fnp-mnav__menu .nav-item > i.dropdown-toggle[role="button"] {
        display: none !important;
    }

    .fnp-mnav__menu .dropdown-toggle::after {
        display: none !important;
    }

    .fnp-mnav__menu .nav-link .fa-angle-down,
    .fnp-mnav__menu button.nav-link .fa-angle-down,
    .fnp-mnav__menu .dropdown-item .fa-angle-down {
        margin-left: auto;
        flex-shrink: 0;
        transition: transform 0.25s ease;
    }

    .fnp-mnav__menu li.fnp-mnav-sub--open > .nav-link .fa-angle-down,
    .fnp-mnav__menu li.fnp-mnav-sub--open > button.nav-link .fa-angle-down,
    .fnp-mnav__menu li.fnp-mnav-sub--open > .dropdown-item .fa-angle-down {
        transform: rotate(180deg);
    }

    .fnp-mnav__menu .nav-item > .dropdown-menu,
    .fnp-mnav__menu .nav-item > .mega-menu-wrapper,
    .fnp-mnav__menu .dropdown-menu > li > .dropdown-menu {
        display: none !important;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
        transition: max-height 0.3s ease, opacity 0.25s ease, padding 0.25s ease;
    }

    .fnp-mnav__menu li.fnp-mnav-sub--open > .dropdown-menu,
    .fnp-mnav__menu li.fnp-mnav-sub--open > .mega-menu-wrapper,
    .fnp-mnav__menu .nav-item > .dropdown-menu.show,
    .fnp-mnav__menu .nav-item > .mega-menu-wrapper.show {
        display: block !important;
        max-height: 2000px;
        opacity: 1;
        padding: 0 0 8px 12px !important;
    }
    .mega-menu-container {
        background: linear-gradient(168deg, #1d1d1d 0%, #242424 45%, #181818 100%);
    }
    .nova-swiper-arrow {
        top: 80% !important;
    }
    .fnp-mnav__menu .mega-menu-wrapper .container-fluid,
    .fnp-mnav__menu .mega-menu-inner,
    .fnp-mnav__menu .mega-menu-container {
        padding: 0 !important;
        max-width: 100%;
    }

    .fnp-mnav__menu .mega-menu-row {
        flex-direction: column;
        gap: 0;
    }

    .fnp-mnav__menu .mega-menu-col {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        border: 0;
    }

    .fnp-mnav__menu .mega-menu-col .mega-title,
    .fnp-mnav__menu .mega-menu-col button.mega-title {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 15px !important;
        font-weight: 600;
        padding: 10px 0 4px;
        display: block;
        width: 100%;
        text-align: left;
        background: none;
        border: 0;
    }

    .fnp-mnav__menu .mega-list {
        list-style: none;
        padding: 0 0 8px 12px;
        margin: 0;
    }

    .fnp-mnav__menu .mega-list li a,
    .fnp-mnav__menu .mega-list li button {
        color: rgba(255, 255, 255, 0.72) !important;
        font-size: 14px !important;
        padding: 6px 0;
        display: block;
    }

    @keyframes fnpMnavItemIn {
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav button.nav-link {
        color: #1d1d1d;
        padding: 14px 18px !important;
        font-size: 16px;
    }

    header.sticky.sticky-active .navbar .navbar-nav .nav-link,
    header.sticky.sticky-active .navbar .navbar-nav button.nav-link {
        color: #1d1d1d;
    }

    /* Hero – fnp.css 991 kurallarını rafine et */
    .nova-hero-swiper,
    .nova-slide-item {
        height: 620px;
        min-height: 520px;
    }

    .nova-slide-title {
        font-size: 36px;
    }

    .nova-slide-text {
        font-size: 15px;
        margin-bottom: 22px;
    }

    .nova-swiper-arrow i {
        font-size: 34px;
    }

    .nova-social-bar {
        display: none;
    }

    .scroll-msg {
        bottom: 42px;
        font-size: 13px;
    }

    .fnp_title,
    .banner .fnp_title {
        font-size: 32px;
    }

    .banner {
        height: 360px;
    }

    /* 2 sütun kart grid (768 altında tek sütune geçer) */
    .nasil_calisiriz .row-cols-md-2 > .col,
    .counter-style-04 > .col {
        flex: 0 0 auto;
        width: 50%;
        max-width: 50%;
    }

    /* Ürün / detay – görsel + içerik alt alta */
    .product-info {
        width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
    }

    .stack-box-contain .row {
        flex-direction: column;
    }

    .stack-box-contain .col-lg-6.cover-background {
        width: 100%;
        min-height: 340px;
        height: 340px !important;
    }

    .stack-box-contain .col-lg-6.ps-12 {
        width: 100%;
        padding: 36px 28px !important;
        text-align: center;
    }

    .stack-box-contain .w-95 {
        width: 100% !important;
    }

    .stack-box-contain .vertical-title-center {
        display: none;
    }

    .contact-form-style-01 .col-md-4,
    .contact-form-style-01 .col-lg-6 {
        width: 100%;
    }

    footer .row.mb-6 > .col-md-2,
    footer .row.mb-6 > .col-6 {
        width: 50%;
        margin-bottom: 1.25rem;
    }

    footer .row.mb-6 > .col-md-2.order-1 {
        width: 100%;
        text-align: center;
        margin-bottom: 1.5rem;
    }
    .banner .row {
        align-items: end !important;
    }
    footer .footer-social {
        justify-content: center !important;
    }

    footer .row > .col-lg-9,
    footer .row > .col-lg-3 {
        width: 100%;
        text-align: center !important;
    }

    footer .row > .col-lg-3 {
        margin-top: 0.75rem;
    }

    .mega-menu-col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .fnp_tabs_bootstrap.nav-tabs {
        gap: 24px;
        flex-wrap: wrap;
    }

    .fixed_cta {
        width: 52px;
        height: 52px;
    }

    .fixed_cta.wp {
        right: 24px;
        bottom: 24px;
    }

    .fixed_cta.tel {
        right: 24px;
        bottom: 86px;
    }

    .fnp-mnav {
        display: block;
    }

    @media (prefers-reduced-motion: reduce) {
        .fnp-mnav__panel,
        .fnp-mnav__backdrop,
        .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item {
            transition: none !important;
            animation: none !important;
        }

        .fnp-mnav--open .fnp-mnav__menu .navbar-nav > .nav-item {
            opacity: 1;
            transform: none;
        }
    }
    footer{
        margin-top: 0 !important;
    }
}

/* ==========================================================================
   max-width: 768px – mobil
   ========================================================================== */
@media (max-width: 768px) {
    section:not(.nova-hero-area):not(.py-0):not(.pt-0) {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    section.home_about_us,
    section.nasil_calisiriz {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .fnp-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    header .navbar > .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    body {
        line-height: 26px;
    }

    h1,
    .h1 {
        line-height: 2.4rem;
    }

    h3,
    .h3 {
        line-height: 2.2rem;
    }

    .fnp_title,
    .banner .fnp_title {
        font-size: 28px;
        margin-bottom: 18px !important;
        line-height: 1.25;
    }

    .fnp_detail h2,
    .fnp_detail h3,
    .fnp_detail h4,
    .fnp-title,
    .fnp-detail h2,
    .fnp-detail h3,
    .fnp-detail h4 {
        font-size: 28px;
        line-height: 1.25;
    }

    .fnp_detail p,
    .fnp_detail ul,
    .fnp-detail p {
        font-size: 15px;
    }

    .btn.btn-large,
    .btn.btn-large > span {
        font-size: 14px;
        padding: 12px 22px;
    }

    .btn.btn-switch-text.btn-large > span {
        padding: 12px 22px;
    }

    /* Hero mobil */
    .nova-hero-swiper,
    .nova-slide-item {
        height: 520px;
        min-height: 460px;
    }

    .nova-slide-content {
        padding: 22px 16px;
    }

    .nova-slide-title {
        font-size: 28px;
        line-height: 1.15;
        margin-bottom: 12px;
    }

    .nova-slide-text {
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 18px;
    }

    .nova-swiper-arrow i {
        font-size: 28px;
    }

    .nova-swiper-prev {
        left: 10px;
    }

    .nova-swiper-next {
        right: 10px;
    }

    .nova-swiper-dots {
        bottom: 22px;
    }

    .scroll-msg {
        display: none;
    }

    /* Tek sütun */
    .nasil_calisiriz .row-cols-lg-4 > .col,
    .nasil_calisiriz .row-cols-md-2 > .col,
    section .row-cols-lg-4 > .col,
    section .row > .col-lg-4,
    .bilgi-merkezi .row > .col-lg-4,
    .counter-style-04 > .col,
    section .row > .col-md-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .process-step-style-10 {
        padding: 2.5rem 1.25rem 1.75rem !important;
        margin-bottom: 0.5rem;
    }

    .process-step-style-10 .process-step-icon-box {
        left: 12px !important;
        top: -8px !important;
    }

    .process-step-style-10 .number {
        font-size: 4.5rem !important;
    }

    .stack-box-contain .col-lg-6.cover-background {
        min-height: 280px;
        height: 280px !important;
    }

    .stack-box-contain .col-lg-6.ps-12,
    .stack-box-contain .md-p-50px,
    .stack-box-contain .sm-ps-30px,
    .stack-box-contain .sm-pe-30px {
        padding: 28px 20px !important;
    }

    .stack-box-contain .mb-35px {
        margin-bottom: 24px !important;
    }

    .blog-image img {
        width: 100%;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }

    .card-body.p-12 {
        padding: 1.25rem !important;
    }

    .overlap-height {
        min-height: 320px;
    }

    .overlap-gap-section .h1 {
        font-size: 1.65rem;
        margin-bottom: 1.5rem !important;
    }

    .contact-form-style-01 .col-md-4,
    .contact-form-style-01 .col-lg-6,
    .contact-form-style-01 .col-12 {
        width: 100%;
    }

    .sozlesme {
        font-size: 13px;
        line-height: 1.45;
        gap: 12px;
    }

    .sozlesme__check,
    label.sozlesme input[type="checkbox"] {
        flex: 0 0 22px !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        max-width: 22px !important;
        margin-top: 1px !important;
        background-size: 13px 13px !important;
        padding: 0 !important;
    }

    .banner {
        height: 300px;
    }

    .banner-breadcrumb {
        flex-wrap: wrap;
    }

    footer .overlap-section {
        margin-bottom: 40px;
    }

    footer .row.mb-6 > .col-md-2,
    footer .row.mb-6 > .col-6,
    footer .row.mb-6 > .col-lg-5 .row > .col-6 {
        width: 100%;
        text-align: center;
    }

    footer .row.mb-6 > .col-lg-5 .row {
        justify-content: center;
    }

    footer .row.mb-6 h3 {
        font-size: 1.5rem;
        margin-bottom: 1.5rem !important;
        text-align: center;
    }

    footer .overlap-section .row-cols-lg-2 > .col {
        width: 100%;
        text-align: center !important;
    }

    footer .overlap-section .offset-xl-1 {
        margin-left: 0 !important;
    }

    .newsletter-style-03 .btn {
        position: relative;
        width: 100%;
        margin-top: 10px;
        border-radius: 6px;
        background: #fff !important;
    }
    .newsletter-style-03 .btn span {
        display: inline-block;
        padding: 0 !important;
    }
    .newsletter-style-03 input {
        padding-right: 16px !important;
        border-radius: 6px !important;
    }

    .guide-card-icon {
        font-size: 64px;
        right: 0;
        bottom: 0;
        opacity: 0.35;
    }

    .bilgi-merkezi .card {
        min-height: auto;
        padding: 18px;
    }

    .bilgi-merkezi .card img {
        position: relative;
        left: auto;
        bottom: auto;
        max-width: 80px;
        margin-top: 12px;
    }

    .product-image .swiper-button-next,
    .product-image .swiper-button-prev {
        display: none;
    }

    .fnp_tabs_bootstrap.nav-tabs {
        gap: 16px;
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .fnp_tabs_bootstrap.nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .mega-menu-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .contact-form-style-03.ps-15 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .md-h-500px,
    .sm-h-400px {
        min-height: 260px !important;
        height: 260px !important;
    }
    .copyright_ {
        justify-content: center;
    }
}

/* ==========================================================================
   max-width: 496px – küçük mobil
   ========================================================================== */
@media (max-width: 496px) {
    section:not(.nova-hero-area):not(.py-0):not(.pt-0) {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .fnp-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .fnp-site-header .fnp-site-header__bar {
        padding-left: 14px;
        padding-right: 14px;
    }

    .fnp-site-header .fnp-site-header__brand img {
        max-height: 60px;
    }

    .fnp-mnav-trigger {
        min-width: 96px;
        height: 44px;
        padding: 0 12px 0 10px;
    }

    .fnp-mnav-trigger__label {
        font-size: 10px;
        letter-spacing: 0.12em;
    }

    .fnp-mnav-trigger__icon {
        width: 20px;
        height: 14px;
        margin-right: 8px;
    }

    .fnp-mnav__panel {
        width: min(340px, 92vw);
    }

    .fnp-mnav__head {
        padding: 24px 20px 16px 28px;
    }

    .fnp-mnav__logo {
        max-height: 44px;
    }

    .fnp-mnav__body {
        padding: 8px 20px 28px 28px;
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav button.nav-link {
        font-size: 15px;
        padding: 12px 14px !important;
    }

    .fnp_title,
    .banner .fnp_title {
        font-size: 22px;
    }

    .fnp_detail h2,
    .fnp_detail h3,
    .fnp_detail h4,
    .fnp-title,
    .fnp-detail h2,
    .fnp-detail h3,
    .fnp-detail h4 {
        font-size: 24px;
    }

    .text-gradient-base-color.fs-15,
    .yeni-font1.fs-15 {
        font-size: 12px !important;
    }

    .nova-hero-swiper,
    .nova-slide-item {
        height: 520px;
        min-height: 440px;
    }

    .nova-slide-title {
        font-size: 24px;
    }

    .nova-slide-text {
        font-size: 13px;
        margin-bottom: 14px;
    }

    .nova-slide-action .btn {
        width: 100%;
        max-width: 280px;
    }

    .nova-swiper-dots .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
        margin: 0 4px !important;
    }

    .process-step-style-10 .number {
        display: none !important;
    }

    .process-step-style-10 .h4 {
        font-size: 1.1rem;
    }

    .stack-box-contain .col-lg-6.cover-background {
        min-height: 220px;
        height: 220px !important;
    }

    .stack-box-contain .fnp_title {
        font-size: 22px;
    }

    .btn.btn-large .btn-double-text {
        white-space: normal;
        text-align: center;
    }

    .banner-breadcrumb li,
    .banner-breadcrumb a {
        font-size: 13px;
    }

    footer .overlap-section .h3 {
        font-size: 1.35rem;
    }

    footer .overlap-section .fs-20 {
        font-size: 15px !important;
    }

    footer .footer-logo img {
        max-height: 72px;
    }

    .fixed_cta {
        width: 48px;
        height: 48px;
    }

    .fixed_cta i {
        font-size: 20px;
    }

    .fixed_cta.wp {
        right: 16px;
        bottom: 16px;
    }

    .fixed_cta.tel {
        right: 16px;
        bottom: 74px;
    }

    .vertical-counter {
        font-size: 2rem !important;
    }

    .card-title.fs-19 {
        font-size: 17px !important;
    }

    .p-6.lg-p-50px {
        padding: 1.25rem !important;
    }
}