:root {
    
    --nakliye-beyaz: #FFFFFF;
    --nakliye-siyah: #000000;
    --nakliye-mavi: #0066CC;
    --nakliye-mavi-koyu: #004D99;
    --nakliye-mavi-acik: #3399FF;
    --nakliye-gri: #F5F5F5;
    --nakliye-gri-koyu: #666666;
    --nakliye-gri-orta: #CCCCCC;
    --nakliye-border: #E0E0E0;

    --nakliye-font: 'Poppins', sans-serif;
    --nakliye-font-boyut-kucuk: 14px;
    --nakliye-font-boyut-normal: 16px;
    --nakliye-font-boyut-orta: 18px;
    --nakliye-font-boyut-buyuk: 24px;
    --nakliye-font-boyut-cok-buyuk: 32px;

    --nakliye-spacing-xs: 8px;
    --nakliye-spacing-sm: 16px;
    --nakliye-spacing-md: 24px;
    --nakliye-spacing-lg: 32px;
    --nakliye-spacing-xl: 48px;

    --nakliye-radius: 5px;

    --nakliye-container-genislik: 1400px;

    --nakliye-gecis: all 0.3s ease;
}

[data-theme="dark"] {
    --nakliye-beyaz: #1a1a1a;
    --nakliye-siyah: #FFFFFF;
    --nakliye-mavi: #0066CC;
    --nakliye-mavi-koyu: #004D99;
    --nakliye-mavi-acik: #3399FF;
    --nakliye-gri: #2a2a2a;
    --nakliye-gri-koyu: #CCCCCC;
    --nakliye-gri-orta: #666666;
    --nakliye-border: #3a3a3a;
}

[data-theme="dark"] .nakliye-logo-resim {
    filter: brightness(0) invert(1);
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--nakliye-gri);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--nakliye-gri-orta);
    border: 2px solid var(--nakliye-gri);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--nakliye-gri-koyu);
}

[data-theme="dark"] * {
    scrollbar-color: var(--nakliye-gri-orta) var(--nakliye-gri);
}

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

html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--nakliye-gri);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--nakliye-gri-orta);
    border-radius: 10px;
    border: 2px solid var(--nakliye-gri);
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--nakliye-gri-koyu);
}

::-webkit-scrollbar-corner {
    background: var(--nakliye-gri);
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--nakliye-gri-orta) var(--nakliye-gri);
}

body {
    font-family: var(--nakliye-font);
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-siyah);
    background-color: var(--nakliye-beyaz);
    line-height: 1.6;
    transition: var(--nakliye-gecis);
    margin: 0;
    padding: 0;
}

main {
    contain: layout style;
    position: relative;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--nakliye-gecis);
}

ul {
    list-style: none;
}

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

button {
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
}

.nakliye-container {
    max-width: var(--nakliye-container-genislik);
    margin: 0 auto;
    padding: 0 var(--nakliye-spacing-md);
    width: 100%;
}

.nakliye-header {
    width: 100%;
    position: relative;
}

.nakliye-topbar {
    background-color: var(--nakliye-gri);
    padding: var(--nakliye-spacing-xs) 0;
    border-bottom: 1px solid var(--nakliye-border);
    width: 100%;
    position: relative;
}

.nakliye-topbar .nakliye-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nakliye-topbar-sol {
    display: flex;
    align-items: center;
}

.nakliye-topbar-iletisim {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-md);
}

.nakliye-topbar-iletisim-item {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-xs);
    color: var(--nakliye-gri-koyu);
    font-size: var(--nakliye-font-boyut-kucuk);
    transition: var(--nakliye-gecis);
}

.nakliye-topbar-iletisim-item i {
    color: var(--nakliye-mavi);
    font-size: 12px;
}

.nakliye-topbar-iletisim-item:hover {
    color: var(--nakliye-mavi);
}

.nakliye-topbar-iletisim-item:hover i {
    color: var(--nakliye-mavi-koyu);
}

.nakliye-topbar-sag {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-sm);
}

.nakliye-sosyal-link {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--nakliye-gri-koyu);
    border-radius: var(--nakliye-radius);
    transition: var(--nakliye-gecis);
}

.nakliye-sosyal-link:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-menubar {
    background-color: var(--nakliye-beyaz);
    padding: var(--nakliye-spacing-md) 0;
    border-bottom: 1px solid var(--nakliye-border);
    width: 100%;
    transition: box-shadow 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin: 0;
}

.nakliye-menubar-placeholder {
    display: block;
    width: 100%;
}

.nakliye-menubar-icerik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-logo {
    flex-shrink: 0;
}

.nakliye-logo-resim {
    height: 50px;
    width: 140px;
    max-width: 140px;
    max-height: 50px;
    object-fit: contain;
    transition: filter 0.3s ease;
    aspect-ratio: 140 / 50;
}

.nakliye-nav {
    flex: 1;
    display: flex;
    justify-content: end;
}

.nakliye-menu {
    display: flex;
    align-items: center;
    min-height: 40px;
    contain: layout;
}

.nakliye-menu-item {
    position: relative;
}

.nakliye-menu-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-sm);
    color: var(--nakliye-siyah);
    font-weight: 500;
    font-size: var(--nakliye-font-boyut-kucuk);
    border-radius: var(--nakliye-radius);
    transition: var(--nakliye-gecis);
}

.nakliye-menu-link:hover {
    color: var(--nakliye-mavi);
    background-color: var(--nakliye-gri);
}

.nakliye-menu-icon {
    font-size: 12px;
    transition: var(--nakliye-gecis);
}

.nakliye-menu-altmenulu:hover .nakliye-menu-icon {
    transform: rotate(180deg);
}

.nakliye-altmenu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--nakliye-beyaz);
    min-width: 220px;
    border-radius: var(--nakliye-radius);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: var(--nakliye-gecis);
    margin-top: var(--nakliye-spacing-xs);
    border: 1px solid var(--nakliye-border);
    z-index: 10001;
}

.nakliye-menu-altmenulu:hover .nakliye-altmenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nakliye-altmenu-item {
    position: relative;
}

.nakliye-altmenu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
    color: var(--nakliye-siyah);
    font-size: var(--nakliye-font-boyut-kucuk);
    transition: var(--nakliye-gecis);
}

.nakliye-altmenu-link:hover {
    background-color: var(--nakliye-gri);
    color: var(--nakliye-mavi);
}

.nakliye-altmenu-icon {
    font-size: 10px;
    transition: var(--nakliye-gecis);
}

.nakliye-altmenu-altmenulu:hover .nakliye-altmenu-icon {
    transform: rotate(-90deg);
}

.nakliye-altmenu-2 {
    position: absolute;
    left: 100%;
    top: 0;
    background-color: var(--nakliye-beyaz);
    min-width: 220px;
    border-radius: var(--nakliye-radius);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: var(--nakliye-gecis);
    margin-left: var(--nakliye-spacing-xs);
    border: 1px solid var(--nakliye-border);
    z-index: 10002;
}

.nakliye-altmenu-altmenulu:hover .nakliye-altmenu-2 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.nakliye-altmenu-2-link {
    display: block;
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
    color: var(--nakliye-siyah);
    font-size: var(--nakliye-font-boyut-kucuk);
    transition: var(--nakliye-gecis);
}

.nakliye-altmenu-2-link:hover {
    background-color: var(--nakliye-gri);
    color: var(--nakliye-mavi);
}

.nakliye-header-butonlar {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-xs);
    flex-shrink: 0;
}

.nakliye-buton {
    display: inline-flex;
    align-items: center;
    gap: var(--nakliye-spacing-xs);
    padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-md);
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 500;
    border-radius: var(--nakliye-radius);
    transition: var(--nakliye-gecis);
    cursor: pointer;
    text-decoration: none;
}

.nakliye-buton-ulas {
    background-color: transparent;
    color: var(--nakliye-siyah);
    border: 1px solid var(--nakliye-mavi);
}

.nakliye-buton-ulas:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-buton-teklif {
    background-color: var(--nakliye-mavi);
    color: #ffffff;
    border: 1px solid var(--nakliye-mavi);
    justify-content: center;
}

.nakliye-buton-teklif:hover {
    background-color: var(--nakliye-mavi-koyu);
    border-color: var(--nakliye-mavi-koyu);
}

.nakliye-buton-tema {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nakliye-gri);
    color: var(--nakliye-siyah);
    border-radius: var(--nakliye-radius);
}

.nakliye-buton-tema:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-mobil-menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: var(--nakliye-gri);
    color: var(--nakliye-siyah);
    border-radius: var(--nakliye-radius);
    font-size: 16px;
    transition: var(--nakliye-gecis);
}

.nakliye-mobil-menu-toggle:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-mobil-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    max-width: 400px;
    height: 100vh;
    background-color: var(--nakliye-beyaz);
    z-index: 10000;
    transition: left 0.3s ease;
    overflow: hidden;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

.nakliye-mobil-menu.nakliye-mobil-menu-acik {
    left: 0;
}

.nakliye-mobil-menu-icerik {
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
}

.nakliye-mobil-menu-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--nakliye-spacing-md);
    border-bottom: 1px solid var(--nakliye-border);
    flex-shrink: 0;
}

.nakliye-mobil-menu-logo .nakliye-logo-resim {
    height: 40px;
    width: 112px;
    max-width: 112px;
    max-height: 40px;
    aspect-ratio: 140 / 50;
}

.nakliye-mobil-menu-kapat {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nakliye-gri);
    color: var(--nakliye-siyah);
    border-radius: var(--nakliye-radius);
    font-size: 18px;
    transition: var(--nakliye-gecis);
}

.nakliye-mobil-menu-kapat:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-mobil-nav {
    flex: 1 1 auto;
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.nakliye-mobil-menu-liste {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
}

.nakliye-mobil-menu-item {
    border-bottom: 1px solid var(--nakliye-border);
    margin: 0;
}

.nakliye-mobil-menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
    color: var(--nakliye-siyah);
    font-weight: 500;
    font-size: var(--nakliye-font-boyut-kucuk);
    transition: var(--nakliye-gecis);
    min-height: 44px;
}

.nakliye-mobil-menu-link:hover {
    color: var(--nakliye-mavi);
    background-color: var(--nakliye-gri);
}

.nakliye-mobil-menu-acma-icon {
    font-size: 12px;
    transition: var(--nakliye-gecis);
}

.nakliye-mobil-menu-altmenulu.nakliye-acik .nakliye-mobil-menu-acma-icon {
    transform: rotate(180deg);
}

.nakliye-mobil-altmenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background-color: var(--nakliye-gri);
}

.nakliye-mobil-menu-altmenulu.nakliye-acik .nakliye-mobil-altmenu {
    max-height: 1000px;
}

.nakliye-mobil-altmenu-item {
    border-bottom: 1px solid var(--nakliye-border);
}

.nakliye-mobil-altmenu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-md) var(--nakliye-spacing-xs) var(--nakliye-spacing-xl);
    color: var(--nakliye-gri-koyu);
    font-size: var(--nakliye-font-boyut-kucuk);
    transition: var(--nakliye-gecis);
    min-height: 40px;
}

.nakliye-mobil-altmenu-link:hover {
    color: var(--nakliye-mavi);
    background-color: var(--nakliye-beyaz);
}

.nakliye-mobil-altmenu-2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-left: var(--nakliye-spacing-sm);
}

.nakliye-mobil-altmenu-altmenulu.nakliye-acik .nakliye-mobil-altmenu-2 {
    max-height: 1000px;
}

.nakliye-mobil-altmenu-2-link {
    display: block;
    padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-md) var(--nakliye-spacing-xs) calc(var(--nakliye-spacing-xl) + var(--nakliye-spacing-md));
    color: var(--nakliye-gri-koyu);
    font-size: var(--nakliye-font-boyut-kucuk);
    transition: var(--nakliye-gecis);
    min-height: 40px;
    position: relative;
}

.nakliye-mobil-altmenu-2-link::before {
    content: '';
    position: absolute;
    left: calc(var(--nakliye-spacing-xl) - 4px);
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: var(--nakliye-mavi);
    border-radius: 50%;
    opacity: 0.5;
    transition: var(--nakliye-gecis);
}

.nakliye-mobil-altmenu-2-link:hover {
    color: var(--nakliye-mavi);
    background-color: var(--nakliye-gri);
    padding-left: calc(var(--nakliye-spacing-xl) + var(--nakliye-spacing-md) + 4px);
}

.nakliye-mobil-altmenu-2-link:hover::before {
    opacity: 1;
    transform: translateY(-50%) scale(1.2);
}

.nakliye-mobil-menu-alt {
    padding: var(--nakliye-spacing-md);
    border-top: 1px solid var(--nakliye-border);
    display: flex !important;
    flex-direction: column;
    gap: var(--nakliye-spacing-md);
    flex-shrink: 0;
    background-color: var(--nakliye-beyaz);
    margin-top: auto;
    width: 100%;
}

.nakliye-mobil-teklif-btn {
    width: 100%;
    justify-content: center;
    display: flex !important;
    align-items: center;
}

.nakliye-mobil-iletisim {
    display: flex !important;
    flex-direction: column;
    gap: var(--nakliye-spacing-sm);
    width: 100%;
}

.nakliye-mobil-iletisim-item {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-sm);
    color: var(--nakliye-gri-koyu);
    font-size: var(--nakliye-font-boyut-kucuk);
    padding: var(--nakliye-spacing-xs) 0;
}

.nakliye-mobil-iletisim-item i {
    color: var(--nakliye-mavi);
    width: 20px;
}

.nakliye-mobil-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: var(--nakliye-gecis);
}

.nakliye-mobil-menu-overlay.nakliye-goster {
    opacity: 1;
    visibility: visible;
}

.nakliye-hero {
    position: relative;
    min-height: 600px;
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-gri);
    background-image: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="%23f5f5f5"/><path d="M0 50 Q25 30 50 50 T100 50 L100 100 L0 100 Z" fill="%23e0e0e0" opacity="0.3"/></svg>');
    background-size: 200px 200px;
    background-repeat: repeat-x;
    background-position: center bottom;
    overflow: hidden;
}

[data-theme="dark"] .nakliye-hero {
    background-color: var(--nakliye-gri);
    background-image: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="%232a2a2a"/><path d="M0 50 Q25 30 50 50 T100 50 L100 100 L0 100 Z" fill="%233a3a3a" opacity="0.3"/></svg>');
    background-repeat: repeat-x;
    background-position: center bottom;
}
.nakliye-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, var(--nakliye-mavi) 0%, var(--nakliye-mavi-koyu) 100%);
    opacity: 0.05;
    z-index: 0;
}

.nakliye-hero .nakliye-container {
    position: relative;
    z-index: 1;
}

.nakliye-hero-icerik {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--nakliye-spacing-xl, 48px);
    align-items: center;
    min-height: 450px;
    contain: layout;
}

.nakliye-hero-sol {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-lg, 32px);
    min-height: 350px;
    height: auto;
    contain: layout style;
}

.nakliye-hero-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk, 32px);
    font-weight: 700;
    color: var(--nakliye-siyah, #000000);
    line-height: 1.2;
    margin: 0;
    min-height: 76.8px;
    contain: layout;
}

.nakliye-hero-vurgu {
    color: var(--nakliye-mavi);
}

.nakliye-hero-aciklama {
    font-size: var(--nakliye-font-boyut-orta, 18px);
    color: var(--nakliye-gri-koyu, #666666);
    line-height: 1.7;
    margin: 0;
    min-height: 61.2px;
    contain: layout;
}

.nakliye-hero-butonlar {
    display: flex;
    gap: var(--nakliye-spacing-md, 24px);
    flex-wrap: wrap;
    min-height: 48px;
    contain: layout;
}

.nakliye-hero-teklif-btn,
.nakliye-hero-ulas-btn {
    padding: var(--nakliye-spacing-sm, 16px) var(--nakliye-spacing-lg, 32px);
    font-size: var(--nakliye-font-boyut-kucuk, 14px);
    min-height: 48px;
    box-sizing: border-box;
}

.nakliye-hero-istatistikler {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--nakliye-spacing-md, 24px);
    margin-top: var(--nakliye-spacing-md, 24px);
    min-height: 140px;
    contain: layout;
}

.nakliye-hero-istatistik-item {
    text-align: center;
    padding: var(--nakliye-spacing-md);
    background-color: var(--nakliye-beyaz);
    border-radius: var(--nakliye-radius);
    border: 1px solid var(--nakliye-border);
    transition: var(--nakliye-gecis);
}

.nakliye-hero-istatistik-item:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-color: var(--nakliye-mavi);
}

.nakliye-hero-istatistik-sayi {
    margin-bottom: var(--nakliye-spacing-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}

.nakliye-hero-istatistik-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    object-fit: contain;
    transition: var(--nakliye-gecis);
    aspect-ratio: 1 / 1;
}

.nakliye-hero-istatistik-item:hover .nakliye-hero-istatistik-icon {
    transform: scale(1.1);
}

.nakliye-hero-istatistik-label {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-gri-koyu);
    font-weight: 500;
}

.nakliye-hero-sag {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.nakliye-hero-form {
    width: 100%;
    max-width: 500px;
    background-color: var(--nakliye-beyaz);
    padding: var(--nakliye-spacing-lg);
    border-radius: var(--nakliye-radius);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--nakliye-border);
}

.nakliye-hero-form-baslik {
    font-size: var(--nakliye-font-boyut-orta);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0 0 var(--nakliye-spacing-md) 0;
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-sm);
}

.nakliye-hero-form-baslik i {
    color: var(--nakliye-mavi);
}

.nakliye-teklif-formu {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-sm);
}

.nakliye-form-grup {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-xs, 8px);
    position: relative;
    min-height: 60px;
    contain: layout;
}

.nakliye-form-iki-kolon {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--nakliye-spacing-md);
}

.nakliye-form-label {
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 500;
    color: var(--nakliye-siyah);
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-form-label i {
    color: var(--nakliye-mavi);
    font-size: 12px;
}

.nakliye-form-input {
    width: 100%;
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
    font-size: var(--nakliye-font-boyut-kucuk);
    font-family: var(--nakliye-font);
    color: var(--nakliye-siyah);
    background-color: var(--nakliye-beyaz);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    transition: var(--nakliye-gecis);
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.nakliye-form-input:focus {
    border-color: var(--nakliye-mavi);
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.nakliye-form-input::placeholder {
    color: var(--nakliye-gri-orta);
}

select.nakliye-form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230066CC' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--nakliye-spacing-md) center;
    background-size: 12px;
    padding-right: calc(var(--nakliye-spacing-md) * 2 + 12px);
}

select.nakliye-form-input::-ms-expand {
    display: none;
}

.nakliye-form-input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: calc(var(--nakliye-spacing-md) * 2 + 10px);
    direction: ltr;
    position: relative;
}

.nakliye-form-input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    left: var(--nakliye-spacing-md);
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    filter: brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(2583%) hue-rotate(200deg) brightness(99%) contrast(101%);
}

.nakliye-form-buton {
    width: 100%;
    padding: var(--nakliye-spacing-sm);
    font-size: var(--nakliye-font-boyut-kucuk);
    margin-top: var(--nakliye-spacing-sm);
}

[data-theme="dark"] .nakliye-form-input {
    background-color: var(--nakliye-gri);
    border-color: var(--nakliye-border);
}

[data-theme="dark"] .nakliye-form-input:focus {
    border-color: var(--nakliye-mavi);
    box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2);
}

[data-theme="dark"] select.nakliye-form-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233399FF' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
}

[data-theme="dark"] .nakliye-form-input[type="date"]::-webkit-calendar-picker-indicator {
    filter: brightness(0) saturate(100%) invert(60%) sepia(95%) saturate(2583%) hue-rotate(200deg) brightness(120%) contrast(101%);
}

.nakliye-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    animation: nakliyeFadeIn 0.3s ease;
}

.nakliye-popup.active {
    display: block;
}

.nakliye-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
}

.nakliye-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--nakliye-beyaz);
    padding: var(--nakliye-spacing-xl) var(--nakliye-spacing-lg);
    border-radius: var(--nakliye-radius);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: 450px;
    width: 90%;
    animation: nakliyeSlideUp 0.4s ease;
    border: 1px solid var(--nakliye-border);
}

.nakliye-popup-icon {
    font-size: 70px;
    color: var(--nakliye-mavi);
    margin-bottom: var(--nakliye-spacing-md);
    animation: nakliyeScale 0.5s ease;
    line-height: 1;
}

.nakliye-popup-icon.error {
    color: #ef4444;
}

.nakliye-popup-baslik {
    font-size: var(--nakliye-font-boyut-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    margin: 0 0 var(--nakliye-spacing-sm) 0;
}

.nakliye-popup-mesaj {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.6;
    margin: 0 0 var(--nakliye-spacing-lg) 0;
}

.nakliye-popup-kapat {
    background: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
    border: none;
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-lg);
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 600;
    border-radius: var(--nakliye-radius);
    cursor: pointer;
    transition: var(--nakliye-gecis);
    font-family: var(--nakliye-font);
    display: inline-flex;
    align-items: center;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-popup-kapat:hover {
    background: var(--nakliye-mavi-koyu)
}

.nakliye-popup-kapat:active {
    transform: translateY(0);
}

@keyframes nakliyeFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes nakliyeSlideUp {
    from {
        transform: translate(-50%, -40%);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

@keyframes nakliyeScale {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

[data-theme="dark"] .nakliye-popup-content {
    background: var(--nakliye-beyaz);
    border-color: var(--nakliye-border);
}

[data-theme="dark"] .nakliye-popup-baslik {
    color: var(--nakliye-siyah);
}

[data-theme="dark"] .nakliye-popup-mesaj {
    color: var(--nakliye-gri-koyu);
}

[data-theme="dark"] .nakliye-popup-icon {
    color: var(--nakliye-mavi);
}

[data-theme="dark"] .nakliye-popup-icon.error {
    color: #ef4444;
}

[data-theme="dark"] .nakliye-popup-kapat {
    background: linear-gradient(135deg, var(--nakliye-mavi) 0%, var(--nakliye-mavi-koyu) 100%);
}

[data-theme="dark"] .nakliye-popup-kapat:hover {
    box-shadow: 0 10px 20px rgba(51, 153, 255, 0.4);
}

@media (max-width: 768px) {
    .nakliye-popup-content {
        padding: var(--nakliye-spacing-lg) var(--nakliye-spacing-md);
        max-width: 90%;
    }
    
    .nakliye-popup-icon {
        font-size: 50px;
    }
    
    .nakliye-popup-baslik {
        font-size: var(--nakliye-font-boyut-orta);
    }
    
    .nakliye-popup-mesaj {
        font-size: var(--nakliye-font-boyut-kucuk);
    }
    
    .nakliye-popup-kapat {
        padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-md);
        font-size: var(--nakliye-font-boyut-kucuk);
    }
}

.nakliye-hakkimizda {
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-beyaz);
}

.nakliye-baslik-etiket {
    display: inline-block;
    padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-md);
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 600;
    border-radius: var(--nakliye-radius);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.nakliye-hakkimizda-ust {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--nakliye-spacing-md);
    align-items: center;
}

.nakliye-hakkimizda-sol {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-md);
}

.nakliye-hakkimizda-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    line-height: 1.3;
    margin: 0;
}

.nakliye-hakkimizda-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.8;
    margin: 0;
}

.nakliye-hakkimizda-ozellikler {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--nakliye-spacing-md);
}

.nakliye-hakkimizda-ozellik-item {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-md);
    padding: var(--nakliye-spacing-md);
    background-color: var(--nakliye-beyaz);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    transition: var(--nakliye-gecis);
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-siyah);
    font-weight: 500;
}

.nakliye-hakkimizda-ozellik-item:hover {
    background-color: var(--nakliye-gri);
    border-color: var(--nakliye-mavi);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.nakliye-hakkimizda-ozellik-item i {
    color: #ffffff;
    background-color: var(--nakliye-mavi);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: var(--nakliye-font-boyut-normal);
    flex-shrink: 0;
    transition: var(--nakliye-gecis);
}

.nakliye-hakkimizda-ozellik-item:hover i {
    background-color: var(--nakliye-mavi-koyu);
    transform: scale(1.1);
}

.nakliye-hakkimizda-ozellik-item span {
    flex: 1;
}

.nakliye-hakkimizda-sag {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nakliye-hakkimizda-gorsel {
    width: 100%;
    border-radius: var(--nakliye-radius);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.nakliye-hakkimizda-gorsel-resim {
    width: 100%;
    height: auto;
    aspect-ratio: 634 / 476;
    object-fit: cover;
    display: block;
}

.nakliye-hakkimizda-alt {
    margin-top: var(--nakliye-spacing-md);
}

.nakliye-misyon-vizyon {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--nakliye-spacing-md);
}

.nakliye-misyon-kart,
.nakliye-vizyon-kart {
    padding: var(--nakliye-spacing-lg);
    background-color: var(--nakliye-beyaz);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    display: flex;
    gap: var(--nakliye-spacing-md);
    align-items: center;
    transition: var(--nakliye-gecis);
}

.nakliye-misyon-kart:hover,
.nakliye-vizyon-kart:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-color: var(--nakliye-mavi);
}

.nakliye-misyon-icon,
.nakliye-vizyon-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nakliye-mavi);
    color: #ffffff;
    border-radius: var(--nakliye-radius);
    font-size: var(--nakliye-font-boyut-buyuk);
    flex-shrink: 0;
    transition: var(--nakliye-gecis);
}

.nakliye-misyon-kart:hover .nakliye-misyon-icon,
.nakliye-vizyon-kart:hover .nakliye-vizyon-icon {
    background-color: var(--nakliye-mavi-koyu);
}

.nakliye-misyon-icerik,
.nakliye-vizyon-icerik {
    flex: 1;
}

.nakliye-misyon-baslik,
.nakliye-vizyon-baslik {
    font-size: var(--nakliye-font-boyut-orta);
    font-weight: 600;
    color: var(--nakliye-siyah);
}

.nakliye-misyon-aciklama,
.nakliye-vizyon-aciklama {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-gri-koyu);
    line-height: 1.8;
    margin: 0;
}

.nakliye-hizmetler {
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-gri);
}

.nakliye-hizmetler-baslik-alan {
    margin-bottom: var(--nakliye-spacing-md);
}

.nakliye-hizmetler-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    line-height: 1.3;
    margin: var(--nakliye-spacing-sm) 0;
}

.nakliye-hizmetler-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
    margin: 0;
}

.nakliye-hizmetler-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--nakliye-spacing-md);
}

.nakliye-hizmet-kart {
    background-color: var(--nakliye-beyaz);
    padding: var(--nakliye-spacing-lg);
    border-radius: var(--nakliye-radius);
    border: 1px solid var(--nakliye-border);
    transition: var(--nakliye-gecis);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nakliye-hizmet-kart:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    border-color: var(--nakliye-mavi);
}

.nakliye-hizmet-icon {
    width: 100%;
    height: 200px;
    background-color: var(--nakliye-gri);
    border-radius: var(--nakliye-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--nakliye-spacing-md);
    transition: var(--nakliye-gecis);
    overflow: hidden;
    border: 1px solid var(--nakliye-border);
}

.nakliye-hizmet-resim {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--nakliye-gecis);
}

.nakliye-hizmet-kart:hover .nakliye-hizmet-icon {
    border-color: var(--nakliye-mavi);
    box-shadow: 0 5px 15px rgba(0, 102, 204, 0.3);
}

.nakliye-hizmet-baslik {
    font-size: var(--nakliye-font-boyut-orta);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0 0 var(--nakliye-spacing-sm) 0;
}

.nakliye-hizmet-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
    margin: 0 0 var(--nakliye-spacing-md) 0;
    flex: 1;
}

.nakliye-hizmet-liste {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--nakliye-spacing-md) 0;
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-hizmet-liste li {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-xs);
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-gri-koyu);
}

.nakliye-hizmet-liste li i {
    color: var(--nakliye-mavi);
    font-size: 12px;
}

.nakliye-hizmet-buton {
    width: 100%;
    justify-content: center;
    margin-top: auto;
}

.nakliye-hizmet-buton i {
    margin-left: var(--nakliye-spacing-xs);
    transition: var(--nakliye-gecis);
}

.nakliye-hizmet-buton:hover i {
    transform: translateX(5px);
}

.nakliye-tab-hizmet {
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-beyaz);
}

.nakliye-tab-hizmet-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    text-align: center;
    margin: 0 0 var(--nakliye-spacing-xl) 0;
    line-height: 1.3;
}

.nakliye-tab-navigasyon {
    display: flex;
    justify-content: center;
    gap: var(--nakliye-spacing-sm);
    margin-bottom: var(--nakliye-spacing-md);
    position: relative;
    flex-wrap: wrap;
}

.nakliye-tab-btn {
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-lg);
    font-size: var(--nakliye-font-boyut-normal);
    font-weight: 600;
    color: var(--nakliye-mavi);
    background-color: var(--nakliye-gri);
    border: none;
    border-radius: var(--nakliye-radius) var(--nakliye-radius) 0 0;
    cursor: pointer;
    transition: var(--nakliye-gecis);
    position: relative;
    font-family: var(--nakliye-font);
}

.nakliye-tab-btn:hover {
    background-color: var(--nakliye-mavi-acik);
    color: var(--nakliye-beyaz);
}

.nakliye-tab-btn.aktif {
    background-color: var(--nakliye-mavi-koyu);
    color: var(--nakliye-beyaz);
}

.nakliye-tab-btn.aktif::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--nakliye-mavi-koyu);
}

.nakliye-tab-icerikler {
    position: relative;
    min-height: 400px;
}

.nakliye-tab-icerik {
    display: none;
    animation: fadeIn 0.3s ease;
}

.nakliye-tab-icerik.aktif {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nakliye-tab-icerik-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--nakliye-spacing-xl);
    align-items: center;
}

.nakliye-tab-resim {
    width: 100%;
    border-radius: var(--nakliye-radius);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.nakliye-tab-resim img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.nakliye-tab-metin {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-md);
}

.nakliye-tab-metin-baslik {
    font-size: var(--nakliye-font-boyut-buyuk);
    font-weight: 600;
    color: var(--nakliye-mavi);
    margin: 0;
}

.nakliye-tab-metin-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.8;
    margin: 0;
}

.nakliye-tab-ozellikler {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--nakliye-spacing-sm);
    margin-top: var(--nakliye-spacing-lg);
}

.nakliye-tab-ozellik-kart {
    background-color: var(--nakliye-beyaz);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    padding: var(--nakliye-spacing-lg);
    text-align: center;
    transition: var(--nakliye-gecis);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--nakliye-spacing-sm);
}

.nakliye-tab-ozellik-kart:hover {
    border-color: var(--nakliye-mavi);
    box-shadow: 0 5px 20px rgba(0, 102, 204, 0.1);
    transform: translateY(-5px);
}

.nakliye-tab-ozellik-icon {
    width: 60px;
    height: 60px;
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
    border-radius: var(--nakliye-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--nakliye-font-boyut-orta);
    transition: var(--nakliye-gecis);
}

.nakliye-tab-ozellik-kart:hover .nakliye-tab-ozellik-icon {
    background-color: var(--nakliye-mavi-koyu);
    transform: scale(1.1);
}

.nakliye-tab-ozellik-baslik {
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0;
}

.nakliye-foto-galeri {
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-gri);
}

.nakliye-foto-galeri-baslik-alan {
    margin-bottom: var(--nakliye-spacing-lg);
}

.nakliye-foto-galeri-baslik-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--nakliye-spacing-lg);
}

.nakliye-foto-galeri-baslik-content {
    flex: 1;
}

.nakliye-foto-galeri-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    line-height: 1.3;
    margin: var(--nakliye-spacing-sm) 0;
}

.nakliye-foto-galeri-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
    margin: 0;
}

.nakliye-foto-galeri-buton-wrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.nakliye-foto-galeri-tumu-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--nakliye-spacing-xs);
    padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-sm);
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 600;
    color: var(--nakliye-mavi);
    background-color: transparent;
    border: 1px solid var(--nakliye-mavi);
    border-radius: var(--nakliye-radius);
    text-decoration: none;
    transition: var(--nakliye-gecis);
    white-space: nowrap;
}

.nakliye-foto-galeri-tumu-btn:hover {
    background-color: var(--nakliye-mavi);
    color: #ffffff;
}

.nakliye-foto-galeri-tumu-btn i {
    font-size: 12px;
    transition: var(--nakliye-gecis);
}

.nakliye-foto-galeri-tumu-btn:hover i {
    transform: translateX(3px);
}

.nakliye-foto-galeri-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--nakliye-spacing-md);
}

.nakliye-foto-galeri-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--nakliye-radius);
    aspect-ratio: 1;
    cursor: pointer;
    transition: var(--nakliye-gecis);
}

.nakliye-foto-galeri-item:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.nakliye-foto-galeri-resim {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--nakliye-gecis);
}


[data-theme="dark"] .nakliye-foto-galeri {
    background-color: var(--nakliye-gri);
}

.nakliye-surec {
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-beyaz);
}

.nakliye-surec-baslik-alan {
    margin-bottom: var(--nakliye-spacing-lg);
}

.nakliye-surec-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    line-height: 1.3;
    margin: var(--nakliye-spacing-sm) 0;
}

.nakliye-surec-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
    margin: 0;
}

.nakliye-surec-wrapper {
    position: relative;
}

.nakliye-surec-adimlar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--nakliye-spacing-lg);
    position: relative;
}

.nakliye-surec-adim {
    position: relative;
    text-align: center;
    padding: var(--nakliye-spacing-xl) var(--nakliye-spacing-lg) var(--nakliye-spacing-lg);
    background-color: var(--nakliye-beyaz);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    transition: var(--nakliye-gecis);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 320px;
}

.nakliye-surec-adim::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -20px;
    width: 20px;
    height: 2px;
    background-color: var(--nakliye-mavi);
    opacity: 0.3;
    z-index: 1;
}

.nakliye-surec-adim::after {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: -25px;
    width: 0;
    height: 0;
    border-left: 10px solid var(--nakliye-mavi);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    opacity: 0.3;
    z-index: 1;
}

.nakliye-surec-adim:last-child::before,
.nakliye-surec-adim:last-child::after {
    display: none;
}

.nakliye-surec-adim:hover {
    border-color: var(--nakliye-mavi);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}

.nakliye-surec-adim-numarasi {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--nakliye-font-boyut-orta);
    font-weight: 700;
    border: 4px solid var(--nakliye-beyaz);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.nakliye-surec-adim-icon {
    width: 90px;
    height: 90px;
    background-color: var(--nakliye-gri);
    color: var(--nakliye-mavi);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--nakliye-font-boyut-buyuk);
    margin: var(--nakliye-spacing-lg) 0 var(--nakliye-spacing-md) 0;
    transition: var(--nakliye-gecis);
}

.nakliye-surec-adim:hover .nakliye-surec-adim-icon {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
    transform: scale(1.1);
}

.nakliye-surec-adim-baslik {
    font-size: var(--nakliye-font-boyut-orta);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0 0 var(--nakliye-spacing-sm) 0;
}

.nakliye-surec-adim-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
    margin: 0;
}

.nakliye-surec-slider-kontrol {
    display: none;
    align-items: center;
    justify-content: center;
    gap: var(--nakliye-spacing-md);
}

.nakliye-surec-slider-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--nakliye-border);
    background-color: var(--nakliye-beyaz);
    color: var(--nakliye-mavi);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--nakliye-gecis);
    font-size: var(--nakliye-font-boyut-normal);
}

.nakliye-surec-slider-btn:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
    border-color: var(--nakliye-mavi);
}

.nakliye-surec-slider-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.nakliye-surec-slider-noktalar {
    display: flex;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-surec-slider-nokta {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--nakliye-gri);
    cursor: pointer;
    transition: var(--nakliye-gecis);
}

.nakliye-surec-slider-nokta.aktif {
    background-color: var(--nakliye-mavi);
    width: 30px;
    border-radius: 5px;
}

.nakliye-istatistikler {
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-gri);
    position: relative;
}

.nakliye-istatistikler-header {
    margin-bottom: var(--nakliye-spacing-md);
}

.nakliye-istatistikler-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    line-height: 1.3;
    margin: var(--nakliye-spacing-sm) 0;
}

.nakliye-istatistikler-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
}

.nakliye-istatistikler-row {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: var(--nakliye-spacing-md);
    flex-wrap: wrap;
    width: 100%;
}

.nakliye-istatistik-item {
    background-color: var(--nakliye-beyaz);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    padding: var(--nakliye-spacing-lg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 160px;
    flex: 1;
    min-width: 0;
    transition: var(--nakliye-gecis);
    position: relative;
    overflow: hidden;
}

.nakliye-istatistik-item:hover {
    border-color: var(--nakliye-mavi);
}

.nakliye-istatistik-sayi-wrapper {
    display: flex;
    align-items: baseline;
    margin-bottom: var(--nakliye-spacing-md);
}

.nakliye-istatistik-sayi {
    font-size: 42px;
    font-weight: 700;
    color: var(--nakliye-mavi);
    line-height: 1;
}

.nakliye-istatistik-arti,
.nakliye-istatistik-saat {
    font-size: 28px;
    font-weight: 700;
    color: var(--nakliye-mavi);
    line-height: 1;
    opacity: 0.8;
}

.nakliye-istatistik-detay {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-sm);
    padding-top: var(--nakliye-spacing-md);
    border-top: 1px solid var(--nakliye-border);
}

.nakliye-istatistik-detay i {
    font-size: var(--nakliye-font-boyut-orta);
    color: var(--nakliye-mavi);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nakliye-gri);
    border-radius: var(--nakliye-radius);
    transition: var(--nakliye-gecis);
}

.nakliye-istatistik-item:hover .nakliye-istatistik-detay i {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-istatistik-label {
    font-size: var(--nakliye-font-boyut-normal);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0;
}

[data-theme="dark"] .nakliye-istatistikler {
    background-color: var(--nakliye-gri);
}

[data-theme="dark"] .nakliye-istatistik-item {
    background-color: var(--nakliye-beyaz);
    border-color: var(--nakliye-border);
}

[data-theme="dark"] .nakliye-istatistik-item:hover {
    border-color: var(--nakliye-mavi);
}

[data-theme="dark"] .nakliye-istatistik-detay {
    border-color: var(--nakliye-border);
}

[data-theme="dark"] .nakliye-istatistik-detay i {
    background-color: var(--nakliye-gri);
}

.nakliye-yorumlar {
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-beyaz);
}

.nakliye-yorumlar-baslik-alan {
    margin-bottom: var(--nakliye-spacing-md);
}

.nakliye-yorumlar-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    line-height: 1.3;
    margin: var(--nakliye-spacing-sm) 0;
}

.nakliye-yorumlar-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
    margin: 0;
}

.nakliye-yorumlar-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.nakliye-yorumlar-slider {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: var(--nakliye-spacing-lg);
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.nakliye-yorumlar-slider::-webkit-scrollbar {
    display: none;
}

.nakliye-yorum-kart {
    flex: 0 0 calc(33.333% - 22px);
    background-color: var(--nakliye-beyaz);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    padding: var(--nakliye-spacing-xl);
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-md);
    min-height: 280px;
    transition: var(--nakliye-gecis);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    scroll-snap-align: start;
}

.nakliye-yorum-kart:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-color: var(--nakliye-mavi);
}

.nakliye-yorum-yildizlar {
    display: flex;
    gap: var(--nakliye-spacing-xs);
    color: #FFB800;
    font-size: var(--nakliye-font-boyut-orta);
}

.nakliye-yorum-yildizlar .far {
    color: var(--nakliye-gri-orta);
}

.nakliye-yorum-metin {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.8;
    margin: 0;
    flex: 1;
    font-style: italic;
}

.nakliye-yorum-musteri {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-md);
    padding-top: var(--nakliye-spacing-md);
    border-top: 1px solid var(--nakliye-border);
}

.nakliye-yorum-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--nakliye-mavi);
    flex-shrink: 0;
}

.nakliye-yorum-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.nakliye-yorum-bilgi {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-yorum-isim {
    font-size: var(--nakliye-font-boyut-normal);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0;
}

.nakliye-yorum-konum {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-gri-koyu);
}

.nakliye-yorumlar-kontrol {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--nakliye-spacing-md);
    margin-top: var(--nakliye-spacing-lg);
}

.nakliye-yorumlar-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--nakliye-border);
    background-color: var(--nakliye-beyaz);
    color: var(--nakliye-mavi);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--nakliye-gecis);
    font-size: var(--nakliye-font-boyut-normal);
}

.nakliye-yorumlar-btn:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
    border-color: var(--nakliye-mavi);
}

.nakliye-yorumlar-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.nakliye-yorumlar-noktalar {
    display: flex;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-yorumlar-nokta {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--nakliye-gri);
    cursor: pointer;
    transition: var(--nakliye-gecis);
}

.nakliye-yorumlar-nokta.aktif {
    background-color: var(--nakliye-mavi);
    width: 30px;
    border-radius: 5px;
}

[data-theme="dark"] .nakliye-yorum-kart {
    background-color: var(--nakliye-beyaz);
    border-color: var(--nakliye-border);
}

[data-theme="dark"] .nakliye-yorum-kart:hover {
    border-color: var(--nakliye-mavi);
}

[data-theme="dark"] .nakliye-yorum-musteri {
    border-color: var(--nakliye-border);
}

.nakliye-sss {
    padding: var(--nakliye-spacing-xl) 0;
    background-color: var(--nakliye-gri);
}

.nakliye-sss-baslik-alan {
    margin-bottom: var(--nakliye-spacing-md);
}

.nakliye-sss-baslik {
    font-size: var(--nakliye-font-boyut-cok-buyuk);
    font-weight: 700;
    color: var(--nakliye-siyah);
    line-height: 1.3;
    margin: var(--nakliye-spacing-sm) 0;
}

.nakliye-sss-aciklama {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
    margin: 0;
}

.nakliye-sss-icerik {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: var(--nakliye-spacing-md);
    align-items: start;
}

.nakliye-sss-sol {
    display: flex;
    flex-direction: column;
}

.nakliye-sss-liste {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-sss-item {
    background-color: var(--nakliye-beyaz);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    overflow: hidden;
    transition: var(--nakliye-gecis);
}

.nakliye-sss-item:hover {
    border-color: var(--nakliye-mavi);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.nakliye-sss-item.acik {
    border-color: var(--nakliye-mavi);
    box-shadow: 0 2px 10px rgba(0, 102, 204, 0.1);
}

.nakliye-sss-soru {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    font-family: var(--nakliye-font);
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 500;
    color: var(--nakliye-siyah);
    transition: var(--nakliye-gecis);
    gap: var(--nakliye-spacing-md);
    min-height: 50px;
}

.nakliye-sss-soru:hover {
    color: var(--nakliye-mavi);
}

.nakliye-sss-soru i {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-mavi);
    transition: var(--nakliye-gecis);
    flex-shrink: 0;
}

.nakliye-sss-item.acik .nakliye-sss-soru i {
    transform: rotate(180deg);
}

.nakliye-sss-soru span {
    flex: 1;
    line-height: 1.5;
}

.nakliye-sss-cevap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 var(--nakliye-spacing-md);
}

.nakliye-sss-item.acik .nakliye-sss-cevap {
    max-height: 300px;
    padding: 0 var(--nakliye-spacing-md) var(--nakliye-spacing-md);
}

.nakliye-sss-cevap p {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-gri-koyu);
    line-height: 1.7;
    margin: 0;
}

.nakliye-sss-sag {
    display: flex;
    flex-direction: column;
}

.nakliye-iletisim-kart {
    background-color: var(--nakliye-mavi);
    border-radius: var(--nakliye-radius);
    padding: var(--nakliye-spacing-lg);
    color: var(--nakliye-beyaz);
    position: sticky;
    top: 100px;
}

.nakliye-iletisim-kart-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--nakliye-font-boyut-orta);
    color: var(--nakliye-beyaz);
    margin-bottom: var(--nakliye-spacing-md);
}

.nakliye-iletisim-kart-baslik {
    font-size: var(--nakliye-font-boyut-orta);
    font-weight: 700;
    color: var(--nakliye-beyaz);
    margin: 0 0 var(--nakliye-spacing-xs) 0;
}

.nakliye-iletisim-kart-aciklama {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin: 0 0 var(--nakliye-spacing-md) 0;
}

.nakliye-iletisim-kart-bilgiler {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-sm);
    margin-bottom: var(--nakliye-spacing-md);
}

.nakliye-iletisim-kart-item {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-sm);
    padding: var(--nakliye-spacing-sm);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: var(--nakliye-radius);
    text-decoration: none;
    transition: var(--nakliye-gecis);
}

.nakliye-iletisim-kart-item:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transform: translateX(3px);
}

.nakliye-iletisim-kart-item i {
    font-size: var(--nakliye-font-boyut-normal);
    color: var(--nakliye-beyaz);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    flex-shrink: 0;
}

.nakliye-iletisim-kart-item div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nakliye-iletisim-kart-label {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: #ffffff;
}

.nakliye-iletisim-kart-deger {
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 600;
    color: var(--nakliye-beyaz);
}

[data-theme="dark"] .nakliye-sss-item {
    background-color: var(--nakliye-beyaz);
    border-color: var(--nakliye-border);
}

[data-theme="dark"] .nakliye-sss-item:hover,
[data-theme="dark"] .nakliye-sss-item.acik {
    border-color: var(--nakliye-mavi);
}

[data-theme="dark"] .nakliye-iletisim-kart-baslik {
    color: #FFFFFF;
}

[data-theme="dark"] .nakliye-iletisim-kart-aciklama {
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .nakliye-iletisim-kart-item {
    background-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .nakliye-iletisim-kart-item:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .nakliye-iletisim-kart-item i {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .nakliye-iletisim-kart-label {
    color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] .nakliye-iletisim-kart-deger {
    color: #FFFFFF;
}

[data-theme="dark"] .nakliye-iletisim-kart-icon {
    background-color: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}

.nakliye-footer {
    background-color: var(--nakliye-siyah);
    color: var(--nakliye-beyaz);
}

.nakliye-footer-ust {
    padding: var(--nakliye-spacing-xl) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nakliye-footer-icerik {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    gap: var(--nakliye-spacing-xl);
}

.nakliye-footer-kolon {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-md);
}

.nakliye-footer-logo {
    margin-bottom: var(--nakliye-spacing-sm);
}

.nakliye-footer-logo .nakliye-logo-resim {
    height: 50px;
    width: auto;
    filter: brightness(0) invert(1);
}

.nakliye-footer-aciklama {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
    margin: 0;
}

.nakliye-footer-sosyal {
    display: flex;
    gap: var(--nakliye-spacing-sm);
    margin-top: var(--nakliye-spacing-sm);
}

.nakliye-footer-sosyal-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    border-radius: var(--nakliye-radius);
    transition: var(--nakliye-gecis);
    font-size: var(--nakliye-font-boyut-normal);
}

.nakliye-footer-sosyal-link:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-footer-baslik {
    font-size: var(--nakliye-font-boyut-orta);
    font-weight: 600;
    color: #FFFFFF;
    position: relative;
    padding-bottom: var(--nakliye-spacing-sm);
}

.nakliye-footer-baslik::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: var(--nakliye-mavi);
}

.nakliye-footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.nakliye-footer-link {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: var(--nakliye-gecis);
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-xs);
    padding: var(--nakliye-spacing-xs) 0;
}

.nakliye-footer-link::before {
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    color: var(--nakliye-mavi);
    opacity: 0;
    transition: var(--nakliye-gecis);
}

.nakliye-footer-link:hover {
    color: var(--nakliye-mavi);
    padding-left: var(--nakliye-spacing-sm);
}

.nakliye-footer-link:hover::before {
    opacity: 1;
}

.nakliye-footer-iletisim-liste {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-md);
}

.nakliye-footer-iletisim-item {
    display: flex;
    align-items: flex-start;
    gap: var(--nakliye-spacing-md);
}

.nakliye-footer-iletisim-item i {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 102, 204, 0.2);
    color: var(--nakliye-mavi);
    border-radius: var(--nakliye-radius);
    font-size: var(--nakliye-font-boyut-normal);
    flex-shrink: 0;
    transition: var(--nakliye-gecis);
}

.nakliye-footer-iletisim-item:hover i {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-footer-iletisim-item div {
    display: flex;
    flex-direction: column;
}

.nakliye-footer-iletisim-item span {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
}

.nakliye-footer-iletisim-item p,
.nakliye-footer-iletisim-item a {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    margin: 0;
    transition: var(--nakliye-gecis);
}

.nakliye-footer-iletisim-item a:hover {
    color: var(--nakliye-mavi);
}

.nakliye-footer-alt {
    padding: var(--nakliye-spacing-md) 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.nakliye-footer-alt-icerik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--nakliye-spacing-md);
}

.nakliye-footer-telif-alan {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-footer-telif {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.nakliye-footer-tasarim {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.nakliye-footer-tasarim-isim {
    color: var(--nakliye-mavi);
    font-weight: 600;
    text-decoration: none;
    transition: var(--nakliye-gecis);
    display: inline-block;
}

.nakliye-footer-tasarim-isim:hover {
    color: var(--nakliye-mavi-acik);
    transform: translateY(-1px);
}

.nakliye-footer-alt-linkler {
    display: flex;
    gap: var(--nakliye-spacing-lg);
    flex-wrap: wrap;
}

.nakliye-footer-alt-link {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: var(--nakliye-gecis);
    position: relative;
}

.nakliye-footer-alt-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--nakliye-mavi);
    transition: var(--nakliye-gecis);
}

.nakliye-footer-alt-link:hover {
    color: var(--nakliye-mavi);
}

.nakliye-footer-alt-link:hover::after {
    width: 100%;
}

[data-theme="dark"] .nakliye-footer {
    background-color: #000000;
}

[data-theme="dark"] .nakliye-footer-ust {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .nakliye-footer-aciklama {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .nakliye-footer-link {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .nakliye-footer-alt {
    background-color: rgba(0, 0, 0, 0.5);
}

.nakliye-sabit-butonlar {
    position: fixed;
    bottom: var(--nakliye-spacing-md);
    right: var(--nakliye-spacing-md);
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-sm);
    z-index: 9998;
}

.nakliye-yukari-cik {
    width: 50px;
    height: 50px;
    background-color: var(--nakliye-mavi);
    color: #ffffff;
    border: none;
    border-radius: var(--nakliye-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: var(--nakliye-font-boyut-orta);
    box-shadow: 0 5px 20px rgba(46, 46, 46, 0.3);
    transition: var(--nakliye-gecis);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}

.nakliye-yukari-cik.nakliye-goster {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nakliye-yukari-cik:hover {
    background-color: var(--nakliye-mavi-koyu);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(31, 31, 31, 0.4);
}

.nakliye-whatsapp-btn {
    width: 50px;
    height: 50px;
    background-color: #25D366;
    color: #ffffff;
    border-radius: var(--nakliye-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--nakliye-font-boyut-buyuk);
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.3);
    transition: var(--nakliye-gecis);
    text-decoration: none;
}

.nakliye-whatsapp-btn:hover {
    background-color: #128C7E;
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);
}

[data-theme="dark"] .nakliye-yukari-cik {
    background-color: var(--nakliye-mavi);
    box-shadow: 0 5px 20px rgba(51, 153, 255, 0.3);
}

[data-theme="dark"] .nakliye-yukari-cik:hover {
    background-color: var(--nakliye-mavi-koyu);
    box-shadow: 0 8px 25px rgba(26, 26, 26, 0.4);
}

.nakliye-mobil-floating-buttons {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background-color: transparent;
    padding: 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    flex-direction: row;
    gap: 0;
}

.nakliye-mobil-floating-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--nakliye-spacing-xs);
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
    text-decoration: none;
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 600;
    color: #ffffff;
    border: none;
    transition: var(--nakliye-gecis);
    min-height: 56px;
    position: relative;
}

.nakliye-mobil-whatsapp-btn {
    background-color: #25D366;
}

.nakliye-mobil-whatsapp-btn:hover {
    background-color: #128C7E;
}

.nakliye-mobil-whatsapp-btn:active {
    background-color: #0f7a6d;
}

.nakliye-mobil-cagri-btn {
    background-color: #0066CC;
}

.nakliye-mobil-cagri-btn:hover {
    background-color: #004D99;
}

.nakliye-mobil-cagri-btn:active {
    background-color: #003d7a;
}

.nakliye-mobil-floating-btn i {
    font-size: var(--nakliye-font-boyut-orta);
    flex-shrink: 0;
}

.nakliye-mobil-floating-btn span {
    font-size: var(--nakliye-font-boyut-kucuk);
    white-space: nowrap;
}

@media (min-width: 769px) {
    .nakliye-mobil-floating-buttons {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    
    .nakliye-menu-link {
        font-size: var(--nakliye-font-boyut-kucuk);
        padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-xs);
    }
}

@media (max-width: 992px) {
    .nakliye-nav,
    .nakliye-buton-ulas,
    .nakliye-buton-teklif {
        display: none;
    }
    
    .nakliye-mobil-menu-toggle {
        display: flex;
    }
    
    .nakliye-header-butonlar {
        display: flex;
        gap: var(--nakliye-spacing-sm);
    }
    
    .nakliye-menubar-icerik {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    
    .nakliye-logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    
    .nakliye-mobil-menu-toggle {
        order: 1;
        z-index: 2;
    }
    
    .nakliye-header-butonlar {
        order: 3;
        z-index: 2;
    }
    
    .nakliye-topbar-iletisim {
        flex-direction: column;
        gap: var(--nakliye-spacing-xs);
        align-items: flex-start;
    }
    
    .nakliye-topbar-sag {
        display: none;
    }
    
    .nakliye-topbar .nakliye-container {
        justify-content: flex-start;
    }
}

@media (max-width: 992px) {
    .nakliye-hero-icerik {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-lg, 32px);
        min-height: 350px;
        contain: layout;
    }
    
    .nakliye-hero {
        min-height: auto;
        padding: var(--nakliye-spacing-lg, 32px) 0;
    }
    
    .nakliye-hero-sol {
        min-height: 280px;
        contain: layout style;
    }
    
    .nakliye-hero-baslik {
        font-size: var(--nakliye-font-boyut-buyuk, 24px);
        min-height: 57.6px;
    }
    
    .nakliye-hero-istatistikler {
        grid-template-columns: repeat(2, 1fr);
        min-height: 120px;
        contain: layout;
    }
    
    .nakliye-hero-form {
        max-width: 100%;
    }
    
    .nakliye-form-iki-kolon {
        grid-template-columns: 1fr;
    }
    
    .nakliye-hakkimizda-ust {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-lg);
    }
    
    .nakliye-hakkimizda-sag {
        order: -1;
    }
    
    .nakliye-hakkimizda-sol {
        order: 1;
        gap: var(--nakliye-spacing-sm);
    }
    
    .nakliye-hakkimizda-ozellikler {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-sm);
    }
    
    .nakliye-misyon-vizyon {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-sm);
    }
    
    .nakliye-misyon-kart,
    .nakliye-vizyon-kart {
        flex-direction: column;
        text-align: center;
    }
    
    .nakliye-misyon-icon,
    .nakliye-vizyon-icon {
        margin: 0 auto;
    }
    
    .nakliye-hakkimizda-baslik {
        font-size: var(--nakliye-font-boyut-buyuk);
    }
    
    .nakliye-hizmetler-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .nakliye-foto-galeri-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .nakliye-foto-galeri-baslik {
        font-size: var(--nakliye-font-boyut-buyuk);
    }
    
    .nakliye-hizmetler-baslik {
        font-size: var(--nakliye-font-boyut-buyuk);
    }

    .nakliye-hizmet-buton {
        display: flex !important;
    }

    .nakliye-tab-icerik-wrapper {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-sm);
    }

    .nakliye-tab-ozellikler {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .nakliye-yorum-kart {
        flex: 0 0 calc(50% - 16px);
    }
    
    .nakliye-surec-adimlar {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .nakliye-surec-adim::before,
    .nakliye-surec-adim::after {
        display: none;
    }
    
    .nakliye-surec-baslik {
        font-size: var(--nakliye-font-boyut-buyuk);
    }
    
    .nakliye-istatistikler-icerik {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-lg);
    }
    
    .nakliye-istatistikler-sag {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .nakliye-istatistikler-baslik {
        font-size: var(--nakliye-font-boyut-buyuk);
    }
}

@media (max-width: 768px) {
    .nakliye-container {
        padding: 0 var(--nakliye-spacing-sm);
    }
    
    .nakliye-misyon-kart,
    .nakliye-vizyon-kart {
        padding: var(--nakliye-spacing-md);
    }
    
    .nakliye-misyon-icon,
    .nakliye-vizyon-icon {
        width: 70px;
        height: 70px;
        font-size: var(--nakliye-font-boyut-orta);
    }
    
    .nakliye-topbar {
        display: none;
    }
    
    .nakliye-menubar {
        padding: var(--nakliye-spacing-sm) 0;
    }
    
    .nakliye-logo-resim {
        height: 40px;
        width: 112px;
        max-width: 112px;
        max-height: 40px;
    }
    
    .nakliye-hero-icerik {
        min-height: 300px;
        contain: layout;
    }
    
    .nakliye-hero-sol {
        min-height: 220px;
        contain: layout style;
    }
    
    .nakliye-hero-baslik {
        font-size: var(--nakliye-font-boyut-orta, 18px);
        min-height: 43.2px;
    }
    
    .nakliye-hero-aciklama {
        font-size: var(--nakliye-font-boyut-normal, 16px);
        min-height: 25.6px;
    }
    
    .nakliye-hero-butonlar {
        flex-direction: row;
        display: flex !important;
        width: 100%;
        gap: var(--nakliye-spacing-sm);
        flex-wrap: wrap;
    }
    
    .nakliye-hero-teklif-btn,
    .nakliye-hero-ulas-btn {
        flex: 1;
        min-width: calc(50% - var(--nakliye-spacing-sm) / 2);
        justify-content: center;
        display: flex !important;
        padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
    }
    
    .nakliye-hero-istatistikler {
        grid-template-columns: 1fr 1fr;
        gap: var(--nakliye-spacing-sm);
        margin: 0;
        min-height: 80px;
    }
    
    .nakliye-hero-form {
        padding: var(--nakliye-spacing-md);
    }
    
    .nakliye-form-buton {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-md);
        margin-top: var(--nakliye-spacing-sm);
    }
    
    .nakliye-hizmetler-grid {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-md);
    }
    
    .nakliye-foto-galeri-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--nakliye-spacing-sm);
    }
    
    .nakliye-foto-galeri-baslik-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--nakliye-spacing-md);
    }
    
    .nakliye-foto-galeri-buton-wrapper {
        width: 100%;
        justify-content: flex-start;
    }
    
    .nakliye-foto-galeri-tumu-btn {
        width: auto;
    }
    
    .nakliye-foto-galeri-baslik {
        font-size: var(--nakliye-font-boyut-orta);
    }
    
    .nakliye-hizmetler-baslik {
        font-size: var(--nakliye-font-boyut-orta);
    }
    
    .nakliye-hizmet-icon {
        width: 100%;
        height: 150px;
    }

    .nakliye-hizmet-buton {
        display: flex !important;
    }
    
    .nakliye-surec-adimlar {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        gap: var(--nakliye-spacing-md);
        padding-bottom: var(--nakliye-spacing-md);
    }
    
    .nakliye-surec-adimlar::-webkit-scrollbar {
        display: none;
    }
    
    .nakliye-surec-adimlar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .nakliye-surec-adim {
        flex: 0 0 85%;
        max-width: 85%;
        scroll-snap-align: center;
        min-height: 300px;
        padding-top: calc(var(--nakliye-spacing-xl) + 25px);
        margin-top: 25px;
    }
    
    .nakliye-surec-adim::before,
    .nakliye-surec-adim::after {
        display: none;
    }
    
    .nakliye-surec-adim-numarasi {
        top: -25px;
        width: 45px;
        height: 45px;
        font-size: var(--nakliye-font-boyut-normal);
    }
    
    .nakliye-surec-slider-kontrol {
        display: flex;
    }
    
    .nakliye-surec-baslik {
        font-size: var(--nakliye-font-boyut-orta);
    }
    
    .nakliye-surec-adim-icon {
        width: 70px;
        height: 70px;
        font-size: var(--nakliye-font-boyut-orta);
    }
    
    .nakliye-surec-adimlar {
        padding-top: var(--nakliye-spacing-md);
    }
    
    .nakliye-istatistikler-row {
        flex-direction: column;
        gap: var(--nakliye-spacing-md);
    }
    
    .nakliye-istatistik-item {
        min-height: 140px;
        flex: 1;
        min-width: 100%;
        max-width: 100%;
    }
    
    .nakliye-istatistikler-baslik {
        font-size: var(--nakliye-font-boyut-orta);
    }
    
    .nakliye-istatistik-sayi {
        font-size: 32px;
    }
    
    .nakliye-istatistik-arti,
    .nakliye-istatistik-saat {
        font-size: 24px;
    }
    
    .nakliye-yorum-kart {
        flex: 0 0 100%;
    }
    
    .nakliye-yorumlar-baslik {
        font-size: var(--nakliye-font-boyut-orta);
    }
    
    .nakliye-yorum-kart {
        min-height: 250px;
        padding: var(--nakliye-spacing-lg);
    }
    
    .nakliye-sss-icerik {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-lg);
    }
    
    .nakliye-iletisim-kart {
        position: static;
    }
    
    .nakliye-sss-baslik {
        font-size: var(--nakliye-font-boyut-buyuk);
    }
    
    .nakliye-sss-soru {
        padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-sm);
        font-size: var(--nakliye-font-boyut-kucuk);
    }
    
    .nakliye-sss-cevap p {
        font-size: 13px;
    }
    
    .nakliye-footer-icerik {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-lg);
    }
    
    .nakliye-footer-alt-icerik {
        flex-direction: column;
        text-align: center;
        gap: var(--nakliye-spacing-md);
    }
    
    .nakliye-footer-telif-alan {
        align-items: center;
    }
    
    .nakliye-footer-alt-linkler {
        justify-content: center;
    }
    
    .nakliye-sabit-butonlar {
        bottom: var(--nakliye-spacing-sm);
        right: var(--nakliye-spacing-sm);
    }
    
    .nakliye-yukari-cik,
    .nakliye-whatsapp-btn {
        width: 45px;
        height: 45px;
        font-size: var(--nakliye-font-boyut-normal);
    }

    .nakliye-mobil-floating-buttons {
        display: flex !important;
    }

    .nakliye-whatsapp-btn {
        display: none !important;
    }

    .nakliye-sabit-butonlar {
        bottom: 70px;
    }

    body {
        padding-bottom: 56px;
    }

    .nakliye-tab-hizmet-baslik {
        font-size: var(--nakliye-font-boyut-buyuk);
    }

    .nakliye-tab-navigasyon {
        gap: var(--nakliye-spacing-xs);
    }

    .nakliye-tab-btn {
        padding: var(--nakliye-spacing-xs) var(--nakliye-spacing-md);
        font-size: var(--nakliye-font-boyut-kucuk);
    }

    .nakliye-tab-icerik-wrapper {
        grid-template-columns: 1fr;
        gap: var(--nakliye-spacing-lg);
    }

    .nakliye-tab-ozellikler {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--nakliye-spacing-md);
    }
}

/* Cookie / GDPR Bildirimi */
.nakliye-cookie-bildirim {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--nakliye-beyaz);
    border-top: 1px solid var(--nakliye-border);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 99999;
    padding: var(--nakliye-spacing-md);
    animation: nakliye-cookie-slide-up 0.3s ease-out;
}

.nakliye-cookie-bildirim.nakliye-cookie-top {
    top: 0;
    bottom: auto;
    border-top: none;
    border-bottom: 1px solid var(--nakliye-border);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    animation: nakliye-cookie-slide-down 0.3s ease-out;
}

.nakliye-cookie-bildirim.nakliye-cookie-bottom {
    bottom: 0;
    top: auto;
}

@keyframes nakliye-cookie-slide-up {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes nakliye-cookie-slide-down {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.nakliye-cookie-icerik {
    max-width: var(--nakliye-container-genislik);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 0 var(--nakliye-spacing-md);
    gap: var(--nakliye-spacing-sm);
}

.nakliye-cookie-baslik-wrapper {
    display: flex;
    align-items: center;
    gap: var(--nakliye-spacing-sm);
}

.nakliye-cookie-icon {
    font-size: var(--nakliye-font-boyut-orta);
    color: var(--nakliye-mavi);
}

.nakliye-cookie-baslik {
    font-size: var(--nakliye-font-boyut-orta);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0;
}

.nakliye-cookie-metin {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-gri-koyu);
    line-height: 1.6;
    margin: 0;
}

.nakliye-cookie-detay-link {
    color: var(--nakliye-mavi);
    text-decoration: underline;
    font-size: var(--nakliye-font-boyut-kucuk);
    transition: var(--nakliye-gecis);
}

.nakliye-cookie-detay-link:hover {
    color: var(--nakliye-mavi-koyu);
}

.nakliye-cookie-butonlar {
    display: flex;
    gap: var(--nakliye-spacing-sm);
    flex-wrap: wrap;
}

.nakliye-cookie-btn {
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-lg);
    border-radius: var(--nakliye-radius);
    font-size: var(--nakliye-font-boyut-kucuk);
    font-weight: 500;
    cursor: pointer;
    transition: var(--nakliye-gecis);
    border: none;
    font-family: var(--nakliye-font);
}

.nakliye-cookie-kabul {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-cookie-kabul:hover {
    background-color: var(--nakliye-mavi-koyu);
}

.nakliye-cookie-reddet {
    background-color: var(--nakliye-gri);
    color: var(--nakliye-siyah);
}

.nakliye-cookie-reddet:hover {
    background-color: var(--nakliye-gri-orta);
}

.nakliye-cookie-ozellestir {
    background-color: transparent;
    color: var(--nakliye-mavi);
}

.nakliye-cookie-ozellestir:hover {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

/* Cookie Özelleştirme Paneli */
#nakliye-cookie-ozellestir-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--nakliye-spacing-md);
    animation: nakliye-cookie-fade-in 0.3s ease-out;
}

@keyframes nakliye-cookie-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.nakliye-cookie-ozellestir-icerik {
    background-color: var(--nakliye-beyaz);
    border-radius: var(--nakliye-radius);
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: nakliye-cookie-scale-in 0.3s ease-out;
}

@keyframes nakliye-cookie-scale-in {
    from {
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.nakliye-cookie-ozellestir-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--nakliye-spacing-lg);
    border-bottom: 1px solid var(--nakliye-border);
}

.nakliye-cookie-ozellestir-baslik {
    font-size: var(--nakliye-font-boyut-normal);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0;
}

.nakliye-cookie-ozellestir-kapat {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nakliye-radius);
    background-color: var(--nakliye-gri);
    color: var(--nakliye-siyah);
    transition: var(--nakliye-gecis);
    cursor: pointer;
    border: none;
}

.nakliye-cookie-ozellestir-kapat:hover {
    background-color: var(--nakliye-gri-orta);
}

.nakliye-cookie-ozellestir-body {
    padding: var(--nakliye-spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-lg);
}

.nakliye-cookie-kategori {
    padding: var(--nakliye-spacing-md);
    border: 1px solid var(--nakliye-border);
    border-radius: var(--nakliye-radius);
    background-color: var(--nakliye-gri);
}

.nakliye-cookie-kategori-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--nakliye-spacing-sm);
}

.nakliye-cookie-kategori-bilgi {
    display: flex;
    flex-direction: column;
    gap: var(--nakliye-spacing-xs);
}

.nakliye-cookie-kategori-baslik {
    font-size: var(--nakliye-font-boyut-normal);
    font-weight: 600;
    color: var(--nakliye-siyah);
    margin: 0;
}

.nakliye-cookie-kategori-durum {
    font-size: var(--nakliye-font-boyut-kucuk);
    padding: 2px 8px;
    text-align: center;
    border-radius: 12px;
    font-weight: 500;
}

.nakliye-cookie-zorunlu {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
}

.nakliye-cookie-kategori-aciklama {
    font-size: var(--nakliye-font-boyut-kucuk);
    color: var(--nakliye-gri-koyu);
    line-height: 1.6;
    margin: 0;
}

/* Toggle Switch */
.nakliye-cookie-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.nakliye-cookie-checkbox {
    opacity: 0;
    width: 0;
    height: 0;
}

.nakliye-cookie-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--nakliye-gri-orta);
    transition: var(--nakliye-gecis);
    border-radius: 26px;
}

.nakliye-cookie-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: var(--nakliye-beyaz);
    transition: var(--nakliye-gecis);
    border-radius: 50%;
}

.nakliye-cookie-checkbox:checked + .nakliye-cookie-slider {
    background-color: var(--nakliye-mavi);
}

.nakliye-cookie-checkbox:checked + .nakliye-cookie-slider:before {
    transform: translateX(24px);
}

.nakliye-cookie-ozellestir-footer {
    padding: var(--nakliye-spacing-lg);
    border-top: 1px solid var(--nakliye-border);
    display: flex;
    justify-content: flex-end;
}

.nakliye-cookie-kaydet {
    background-color: var(--nakliye-mavi);
    color: var(--nakliye-beyaz);
    padding: var(--nakliye-spacing-sm) var(--nakliye-spacing-lg);
}

.nakliye-cookie-kaydet:hover {
    background-color: var(--nakliye-mavi-koyu);
}

/* Dark Mode */
[data-theme="dark"] .nakliye-cookie-bildirim {
    background-color: var(--nakliye-beyaz);
    border-color: var(--nakliye-border);
}

[data-theme="dark"] #nakliye-cookie-ozellestir-panel {
    background-color: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .nakliye-cookie-ozellestir-icerik {
    background-color: var(--nakliye-beyaz);
}

[data-theme="dark"] .nakliye-cookie-kategori {
    background-color: var(--nakliye-gri);
    border-color: var(--nakliye-border);
}

/* Responsive */
@media (max-width: 768px) {
    .nakliye-cookie-icerik {
        gap: var(--nakliye-spacing-sm);
    }

    .nakliye-cookie-baslik {
        font-size: var(--nakliye-font-boyut-normal);
    }

    .nakliye-cookie-metin {
        font-size: var(--nakliye-font-boyut-kucuk);
    }

    .nakliye-cookie-butonlar {
        flex-direction: column;
    }

    .nakliye-cookie-btn {
        width: 100%;
        text-align: center;
    }

    .nakliye-cookie-ozellestir-icerik {
        max-width: 100%;
        max-height: 89vh;
        border-radius: 0;
    }
}