/* ========================================================================= */
/* 1. CSS Reset ve Temel Ayarlar */
/* ========================================================================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Ana Renkler */
    --arka-plan-acik: #e8e3d8; 
    --arka-plan-krem: #fcfaf5; 
    --arka-plan-beyaz: #fff;
    --arka-plan-acik-gri: #fafafa;
    --arka-plan-gradient-1: #f6f3ec;
    --arka-plan-gradient-2: #fff;
    
    /* Metin Renkleri */
    --ana-metin-rengi: #0e2833;
    --metin-koyu: #0e2833;
    --metin-orta: #0e2833;
    --metin-acik: #666;
    --metin-cok-acik: #888;
    --metin-ozel: #715731;
    --metin-beyaz: #fff;
    
    /* Vurgu ve Link Renkleri */
    --vurgu-rengi: #0e2833;
    --vurgu-koyu: #0e2833;
    --link-rengi: #0e2833;
    --favori-rengi: #e74c3c;
    
    /* Border ve Divider Renkleri */
    --border-acik: #eee;
    --border-orta: #ddd;
    --border-cok-acik: #f6f6f6;
    --border-koyu: #e0e0e0;
    
    /* Hover ve State Renkleri */
    --hover-acik: #f9f9f9;
    --hover-orta: #f5f5f5;
    --inactive-rengi: #ccc;
    
    /* Özel Bileşen Renkleri */
    --cerceve-rengi-altin: #d4af37; 
    --kart-arka-plan: #e5e5e5;
    --fiyat-arka-plan: #0e2833;
    --divider-rengi: #eee;
    
    /* Shadow Renkleri */
    --shadow-acik: rgba(0, 0, 0, 0.08);
    --shadow-orta: rgba(0, 0, 0, 0.12);
    --shadow-koyu: rgba(0, 0, 0, 0.3);
}

body {
    font-family: 'Montserrat', sans-serif;
    color: var(--ana-metin-rengi);
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: var(--link-rengi);
    font-size: 0.9rem;
    transition: color 0.3s;
}
a:hover {
    color: var(--ana-metin-rengi);
}

/* ========================================================================= */
/* 2. Header (Üstbilgi) Stilleri - İKİ SEVİYELİ YAPI */
/* ========================================================================= */
.header-container {
    background-color: var(--arka-plan-acik);
}

/* A. Üst Bant (Top Bar) */
.ust-bant {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 5px 5%;
    font-size: 0.85rem;
    color: var(--link-rengi);
    border-bottom: 1px solid var(--border-acik);
    background: linear-gradient(to right, var(--arka-plan-gradient-1), var(--arka-plan-gradient-2));
    height: 40px; /* Yaklaşık Yükseklik */
    
}
.ust-bant-menu {
    display: flex;
    gap: 14px;
    justify-self: start;
}
.ust-bant-menu a {
    font-size: 0.65rem;
}
.ust-bant-platform-adi {
    text-align: center;
    justify-self: center;
    font-size: 0.75rem;
}
.ust-bant-sag {
    justify-self: end;
}

/* B. Ana Header (Main Header) */
.ana-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 8px 5%;
    height: 80px;
    gap: 20px;
}

.sol-header-ana {
    display: flex;
    justify-content: flex-start;
}

.logo {
    display: flex;
    align-items: center;
}
.logo img {
    height: 48px;
    width: auto;
}

.orta-header {
    display: flex;
    justify-content: center;
}

.arama-kutusu {
    width: 88%;
    max-width: 500px;
}

.arama-kutusu input {
    width: 100%;
    padding: 15px;
    border: 1px solid var(--border-cok-acik);
    background-color: var(--arka-plan-beyaz);
    font-size: 0.75rem;
    transition: border-color 0.3s;
    color: var(--metin-acik);
}

.arama-kutusu input:focus {
    outline: none;
    border-color: var(--vurgu-rengi);
}

.sag-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}

.header-link {
    color: var(--ana-metin-rengi);
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s;
}

.header-link:hover {
    color: var(--vurgu-rengi);
}

.header-link--primary {
    background: var(--vurgu-rengi);
    color: white !important;
    padding: 10px 20px;
    border-radius: 4px;
    transition: background 0.3s;
}

.header-link--primary:hover {
    background: #5a421e;
    color: white !important;
}

/* Hesap Dropdown Menu */
.hesap-menusu {
    position: relative;
}

.hesap-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--arka-plan-beyaz);
    border: 0px solid var(--border-orta);
    padding: 8px 16px;
    cursor: pointer;
    font-size: 0.75rem;
    color: var(--ana-metin-rengi);
    font-weight: 500;
    transition: all 0.3s;
}

.hesap-btn:hover {
    border-color: var(--vurgu-rengi);
    background-color: var(--hover-acik);
}

.hesap-btn i {
    font-size: 0.85rem;
}

.hesap-btn .fa-chevron-down {
    font-size: 0.7rem;
    transition: transform 0.3s;
}

.hesap-menusu:hover .hesap-btn .fa-chevron-down {
    transform: rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background: var(--arka-plan-beyaz);
    border-radius: 8px;
    box-shadow: 0 4px 20px var(--shadow-orta);
    padding: 8px 0;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.hesap-menusu:hover .dropdown-menu,
.hesap-menusu.active .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hesap-menusu.active .hesap-btn .fa-chevron-down {
    transform: rotate(180deg);
}

.dropdown-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    color: var(--ana-metin-rengi);
    text-decoration: none;
    font-size: 0.9rem;
    transition: background 0.2s;
}

.dropdown-menu a:hover {
    background-color: var(--hover-orta);
}

/* Auth Buttons (Giriş/Kayıt) */
.auth-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.giris-btn,
.kayit-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.giris-btn {
    color: var(--ana-metin-rengi);
    background: transparent;
    border: 1px solid var(--border-orta);
}

.giris-btn:hover {
    background: var(--arka-plan-hafif);
    border-color: var(--ana-metin-rengi);
}

.kayit-btn {
    color: white;
    background: #7D5C2C;
    border: 1px solid #7D5C2C;
}

.kayit-btn:hover {
    background: #5a421f;
    border-color: #5a421f;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(125, 92, 44, 0.3);
}

.dropdown-menu a i {
    font-size: 0.9rem;
    width: 16px;
    color: var(--metin-acik);
}

.dropdown-divider {
    height: 1px;
    background-color: var(--divider-rengi);
    margin: 8px 0;
}

/* ========================================================================= */
/* 3. Ana İçerik Bölümü Stilleri */
/* ========================================================================= */
.ana-icerik-wrapper {
    background: linear-gradient(to right, var(--arka-plan-gradient-1), var(--arka-plan-gradient-2));
}

.ana-icerik-bolumu {
    display: flex;
    min-height: calc(90vh - 120px);
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 24px;
    gap: 20px;
}

.sol-bolum {
    flex: 1; 
    display: flex;
    align-items: center; 
    justify-content: flex-end;
    padding-right: 70px;
}

.sol-icerik-kutusu {
    max-width: 500px; 
    width: 100%;
}

.baslik {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4rem; 
    font-weight: 100;
    line-height: 1.1;
    margin-bottom: 25px;
    color: var(--ana-metin-rengi);
}

.tanitim-metni {
    font-size: 0.8rem;
    color: var(--link-rengi);
    margin-bottom: 40px;
    max-width: 450px;
}

.tum-eserler-btn {
    background-color: var(--vurgu-rengi);
    color: var(--metin-beyaz);
    padding: 12px 35px;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 400;
    transition: background-color 0.3s;
}
.tum-eserler-btn:hover {
    background-color: var(--vurgu-koyu);
}

.sag-bolum {
    flex: 1; 
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 100px;
}

.sanat-eseri-cerceve {
    max-width: 500px;
    width: 100%;
}

.sanat-tablo {
    display: block;
    width: 100%;
    height: auto;
}

/* ========================================================================= */
/* 4. Öne Çıkan Eserler Bölümü (Carousel) */
/* ========================================================================= */
.one-cikan-eserler-bolumu {
    padding: 60px 0 60px 0;
    background-color: var(--arka-plan-beyaz);
}

.eserler-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px;
    position: relative;
}

/* Viewport - STRICT overflow hidden */
.carousel-viewport {
    overflow: hidden;
}

/* Track - holds all cards */
.eserler-slider {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    gap: 16px;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .eserler-slider {
        transition-duration: 0.1s;
    }
}

/* Card - responsive width based on breakpoints */
.eser-karti {
    background: transparent;
    flex-shrink: 0;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
    padding-bottom: 30px;
}

/* ≥1048px: 4 cards per view */
@media (min-width: 1048px) {
    .eser-karti {
        width: calc((100% - (3 * 16px)) / 4);
    }
    .eser-gorsel {
        aspect-ratio: 278 / 410;
    }
    .eser-bilgi {
        width: 90%;
        min-height: 130px;
        margin-top: -80px;
        padding: 12px 12px;
    }
    .sanatci-adi {
        font-size: 15px;
        margin-bottom: 2px;
    }
    .eser-adi {
        font-size: 11px;
        margin-bottom: 4px;
    }
    .eser-detay {
        font-size: 11px;
        min-height: 32px;
        margin-bottom: 4px;
    }
    .eser-fiyat {
        font-size: 12px;
        padding: 5px 27px;
    }
    .incele-btn {
        font-size: 12px;
        padding: 6px 12px;
    }
}

/* 1024–1047px: 3 cards per view */
@media (min-width: 1024px) and (max-width: 1047px) {
    .eser-karti {
        width: calc((100% - (2 * 16px)) / 3);
    }
    .eser-gorsel {
        aspect-ratio: 278 / 410;
    }
    .eser-bilgi {
        width: 88%;
        margin-top: -75px;
        padding: 12px 14px;
        min-height: 120px;
    }
    .sanatci-adi {
        font-size: 14px;
    }
    .eser-adi {
        font-size: 10px;
    }
    .eser-detay {
        font-size: 10px;
    }
    .eser-fiyat {
        font-size: 11px;
        padding: 5px 22px;
    }
}

/* 640–1023px: 2 cards per view */
@media (min-width: 640px) and (max-width: 1023px) {
    .eser-karti {
        width: calc((100% - (1 * 16px)) / 2);
    }
    .eserler-slider {
        gap: 12px;
    }
    .eser-gorsel {
        aspect-ratio: 3 / 4.5;
    }
    .eser-bilgi {
        width: 88%;
        margin-top: -75px;
        padding: 13px 15px;
        min-height: auto;
    }
    .sanatci-adi {
        font-size: 14px;
    }
    .eser-adi {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .eser-detay {
        font-size: 10px;
        min-height: auto;
    }
    .eser-fiyat {
        font-size: 11px;
        padding: 5px 20px;
    }
    .incele-btn {
        font-size: 11px;
    }
}

/* <640px: 1 card per view */
@media (max-width: 639px) {
    .eser-karti {
        width: 100%;
    }
    .eserler-slider {
        gap: 12px;
    }
    .slider-bullets {
        margin-top: 30px;
    }
    .eser-gorsel {
        aspect-ratio: 3 / 4;
    }
    .eser-bilgi {
        width: 88%;
        margin-top: -70px;
        padding: 14px 16px;
        min-height: auto;
    }
    .sanatci-adi {
        font-size: 15px;
        margin-bottom: 3px;
    }
    .eser-adi {
        font-size: 10px;
        margin-bottom: 6px;
    }
    .eser-detay {
        font-size: 10px;
        min-height: auto;
        margin-bottom: 8px;
    }
    .eser-fiyat {
        font-size: 11px;
        padding: 4px 18px;
    }
    .incele-btn {
        font-size: 11px;
        padding: 5px 10px;
    }
}

.eser-karti:hover {
    transform: translateY(-4px);
}

.eser-gorsel {
    position: relative;
    width: 100%;
    aspect-ratio: 278 / 410;
    overflow: hidden;
    background-color: var(--kart-arka-plan);
}

.eser-gorsel::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, transparent, var(--shadow-koyu));
    pointer-events: none;
}

.eser-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.eser-karti:hover .eser-gorsel img {
    transform: scale(1.03);
}

.eser-bilgi {
    background: var(--arka-plan-beyaz);
    padding: 12px 12px;
    position: relative;
    box-shadow: 0 -2px 16px var(--shadow-acik), 0 8px 20px var(--shadow-acik);
    z-index: 2;
    width: 90%;
    min-height: 130px;
    margin: 0 auto;
    margin-top: -80px;
}

.favori-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease;
    padding: 0;
    line-height: 1;
    z-index: 1;
}

.favori-btn .material-symbols-outlined {
    font-size: 24px;
    color: var(--inactive-rengi);
    transition: all 0.2s ease;
    font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24;
}

.favori-btn:hover {
    transform: scale(1.15);
}

.favori-btn.active .material-symbols-outlined {
    color: var(--favori-rengi);
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}

.sanatci-adi {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 2px;
    color: var(--metin-koyu);
    line-height: 1.2;
}

.eser-adi {
    font-size: 11px;
    color: var(--metin-ozel);
    margin-bottom: 4px;
    line-height: 1.3;
}

.eser-detay {
    font-size: 11px;
    color: var(--metin-cok-acik);
    line-height: 1.4;
    margin-bottom: 4px;
    min-height: 32px;
}

.eser-alt-bilgi {
    display: flex;
    align-items: center;
}

.eser-fiyat {
    font-size: 12px;
    font-weight: 400;
    color: var(--metin-beyaz);
    background: var(--fiyat-arka-plan);
    padding: 5px 27px;
}

.incele-btn {
    font-size: 12px;
    color: var(--metin-orta);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.25s ease;
    padding: 6px 12px;
    border-radius: 6px;
}

.slider-bullets {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
}

.bullet {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #e6e4de;
    background: transparent;
    border-radius: 2px;
    cursor: pointer;
    padding: 0;
    transition: border-color 0.22s ease;
}

.bullet::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    background: #0f1c24;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 0.22s ease, opacity 0.22s ease;
}

.bullet:hover,
.bullet:focus {
    border-color: #cfcbbf;
}

.bullet:focus-visible {
    outline: 2px solid #0f1c24;
    outline-offset: 2px;
}

.bullet.active::after,
.bullet.is-active::after,
.bullet[aria-selected="true"]::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .bullet,
    .bullet::after {
        transition: none;
    }
}

/* ========================================================================= */
/* 6. İlan Paketleri Bölümü */
/* ========================================================================= */
.listing-packages {
    background: #FAFAFA;
    overflow-x: hidden;
}

.feature-band {
    background: #e6dfd1;
    padding: 48px 48px 100px 64px;
    overflow-x: hidden;
}

.listing-packages .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.feature {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
}

.feature .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: relative;
    margin-top: 4px;
    background: #bcbdb7;
}

.feature .dot::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 3px;
    background: #0f1c24;
    border-radius: 50%;
}

.feature > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature h3 {
    font-size: 16px;
    font-weight: 600;
    color: #0f1c24;
    margin: 0;
    line-height: 1.3;
}

.feature p {
    font-size: 12px;
    color: #6a6f72;
    margin: 0;
    line-height: 1.5;
}

.feature .link {
    font-size: 12px;
    color: #0f1c24;
    text-decoration: none;
    font-weight: 500;
    transition: text-decoration 0.2s;
}

.feature .link:hover {
    text-decoration: underline;
}

.pricing-panel {
    position: relative;
    z-index: 2;
    transform: translateY(-55px);
}

.listing-packages .container.lp-grid {
    background: #FFFFFF;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
    padding: 56px;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    column-gap: 72px;
    align-items: start;
}

.lp-divider {
    width: 1px;
    background: #E9E6E0;
    opacity: 0.9;
    align-self: stretch;
}

.lp-left h2 {
    font-size: 38px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--ana-metin-rengi);
    line-height: 1.2;
    margin: 0 0 32px 0;
    text-align: center;
}

.field-title {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: var(--ana-metin-rengi);
    text-align: center;
    margin-bottom: 12px;
}

.count-toggle {
    border: 1px solid #f0eded;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 460px;
    max-width: 100%;
    margin-inline: auto;
}

.count-toggle input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.count-toggle label {
    height: 42px;
    background: #fafafa;
    color: #0F1C24;
    display: grid;
    place-items: center;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.count-toggle input[type="radio"]:checked + label {
    background: #0F1C24;
    color: #ffffff;
    border-color: #0F1C24;
}


.price-box {
    width: 280px;
    max-width: 100%;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #E9E6E0;
    background: #ffffff;
    position: relative;
    margin: 23px auto 0;
}

.discount-badge {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 3px 8px;
    background: #c76c00;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    border-radius: 3px;
    letter-spacing: 0.05em;
    line-height: 1;
}

.price-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.price-old {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    text-decoration: line-through;
    line-height: 1;
}

.price-current {
    font-size: 20px;
    font-weight: 500;
    color: #0F1C24;
    line-height: 1;
}

.lp-cta {
    width: 380px;
    max-width: 100%;
    height: 68px;
    margin: 20px auto 0;
    display: block;
    background: #0F1C24;
    color: #ffffff;
    font-weight: 800;
    font-size: 20px;
    border: none;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(15, 28, 36, 0.18);
    transition: transform 0.2s, box-shadow 0.2s;
}

.lp-cta:hover {
    transform: translateY(-1px);
}

.lp-cta:focus-visible {
    outline: 2px solid #0F1C24;
    outline-offset: 3px;
}

.lp-notes {
    width: 520px;
    max-width: 100%;
    margin: 24px auto 0;
    list-style: none;
    padding: 0;
    display: grid;
    gap: 10px;
    color: #667078;
    justify-items: center;
}

.lp-notes li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}

.lp-notes .material-symbols-outlined {
    font-size: 18px;
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
    flex-shrink: 0;
}

.lp-notes .orange {
    color: #C76C00;
}

.lp-notes .green {
    color: #2E8B2E;
}

.benefits {
    list-style: none;
    padding: 0;
    margin: 78px 0 0 0;
    display: grid;
    gap: 24px;
}

.benefits li {
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: center;
    column-gap: 16px;
}

.benefits .b-icon {
    width: 48px;
    height: 48px;
    background: url(/img/icon.png) center / 48px no-repeat;
    flex-shrink: 0;
}

.benefits strong {
    color: #0F1C24;
    font-weight: 800;
    font-size: 18px;
    display: block;
}

.benefits p {
    color: #667078;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

/* ========================================================================= */
/* Galeri Kartları Bölümü */
/* ========================================================================= */

.galeri-kartlari-bolumu {
    padding: 50px 0;
    background: #FAFAFA;
}

.galeri-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 1200px;
    margin: 0 auto;
}

.galeri-karti {
    background: transparent;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
}

.galeri-karti:hover {
    transform: translateY(-4px);
}

.galeri-gorsel {
    position: relative;
    width: 100%;
    aspect-ratio: 420 / 375;
    overflow: hidden;
    background-color: var(--kart-arka-plan);
}

.galeri-gorsel::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, transparent, var(--shadow-koyu));
    pointer-events: none;
}

.galeri-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.galeri-karti:hover .galeri-gorsel img {
    transform: scale(1.03);
}

.galeri-info {
    background: var(--arka-plan-beyaz);
    padding: 18px 18px;
    position: relative;
    box-shadow: 0 -2px 16px var(--shadow-acik);
    z-index: 2;
    width: 82%;
    margin: 0 auto;
    margin-top: -70px;
}

.galeri-baslik {
    font-size: 18px;
    font-weight: 500;
    color: var(--ana-metin-rengi);
    margin: 0 0 5px 0;
    line-height: 1.3;
}
.ilginizi-cekebilecek-eserler-baslik {
    font-size: 24px;
    font-weight: 500;
    color: var(--ana-metin-rengi);
    margin-bottom: 20px;
}

.galeri-aciklama {
    font-size: 12px;
    color: var(--metin-acik);
    line-height: 1.5;
    margin: 0 0 16px 0;
}

.galeri-btn {
    display: inline-block;
    padding: 5px 30px;
    background: var(--ana-metin-rengi);
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    transition: background 0.2s ease, transform 0.2s ease;
    border: none;
}

.galeri-btn:hover {
    background: var(--ana-metin-rengi);
    transform: translateY(-1px);
    color: #FFFFFF;
}

/* ========================================================================= */
/* Ayın Sanatçısı / Featured Artist */
/* ========================================================================= */

:root {
    --fa-bg-gradient-start: #FAF7F1;
    --fa-bg-gradient-end: #F4EFE6;
    --fa-title-color: #102A2C;
    --fa-text-color: #3E4B4E;
    --fa-btn-bg: #0E5A6B;
    --fa-btn-hover: #0B4B59;
}

.featured-artist {
    min-height: 72vh;
    background: linear-gradient(to bottom left, var(--arka-plan-gradient-1), var(--arka-plan-gradient-2));
    display: grid;
    grid-template-columns: 64% 36%;
    align-items: center;
    padding-block: clamp(32px, 6vh, 80px);
    overflow: hidden;
}

.featured-artist__media {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.featured-artist__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.featured-artist__content {
    padding-inline: clamp(48px, 6vw, 80px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.featured-artist__eyebrow {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(12px, 1.2vw, 18px);
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--fa-text-color);
    margin-bottom: clamp(12px, 1.5vh, 16px);
}

.featured-artist__title {
    font-size: clamp(40px, 6vw, 62px);
    line-height: 1.05;
    font-weight: 500;
    color: var(--fa-title-color);
    margin-bottom: clamp(16px, 2vh, 20px);
    max-width: 12ch;
}

.featured-artist__desc {
    font-size: clamp(10px, 1.2vw, 14px);
    line-height: 1.7;
    color: var(--fa-text-color);
    max-width: 52ch;
    margin-bottom: clamp(28px, 3vh, 32px);
}

.featured-artist__btn {
    display: inline-block;
    padding: 5px 30px;
    background: var(--ana-metin-rengi);
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    transition: background 0.2s ease, transform 0.2s ease;
    border: none;
}

.featured-artist__btn:hover {
    background: var(--ana-metin-rengi);
    transform: translateY(-1px);
    color: #FFFFFF;
}

.featured-artist__btn:focus-visible {
    outline: 2px solid var(--ana-metin-rengi);
    outline-offset: 3px;
}

/* Tablet: Stack Layout */
@media (max-width: 1023px) {
    .featured-artist {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    
    .featured-artist__media {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        min-height: 42vh;
    }
    
    .featured-artist__content {
        max-width: 720px;
        margin: 0 auto;
        padding: clamp(32px, 5vh, 48px) 24px;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .featured-artist {
        padding-block: 0;
    }
    
    .featured-artist__media {
        min-height: clamp(44vh, 50vh, 50vh);
    }
    
    .featured-artist__content {
        padding: clamp(32px, 6vh, 48px) 16px;
    }
    
    .featured-artist__title {
        font-size: clamp(28px, 8vw, 40px);
    }
    
    .featured-artist__desc {
        max-width: 65ch;
    }
}

/* ========================================================================= */
/* Banner Bölümü */
/* ========================================================================= */

.banner {
    width: 100%;
    height: 260px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(to top left, var(--arka-plan-gradient-1), var(--arka-plan-gradient-2));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0px;
}

.banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%; 
    
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner__content {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.banner__title {
    font-size: clamp(24px, 4vw, 42px);
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.banner__date {
    font-size: clamp(14px, 2vw, 18px);
    font-weight: 400;
    color: #ffffff;
    margin: 0;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
}

.banner__cta {
    display: inline-block;
    padding: 10px 32px;
    background: #ffffff;
    color: var(--ana-metin-rengi);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.banner__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    background: #f5f5f5;
}

/* ========================================================================= */
/* Sergi Haberleri Bölümü */
/* ========================================================================= */

.sergi-haberleri-bolumu {
    padding: 80px 0;
    background: var(--arka-plan-beyaz);
}

.sergi-haberleri-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 60px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Sol Sütun: İçerik */
.sergi-haberleri-content {
    padding-right: 24px;
}

.sergi-haberleri-baslik {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--ana-metin-rengi);
    margin-bottom: 20px;
}

.sergi-haberleri-aciklama {
    font-size: 0.8rem;
    line-height: 1.7;
    color: var(--metin-acik);
    margin-bottom: 32px;
    max-width: 52ch;
}

.sergi-haberleri-btn {
    display: inline-block;
    background: var(--ana-metin-rengi);
    color: var(--metin-beyaz);
    font-weight: 700;
    font-size: 16px;
    padding: 16px 40px;
    text-decoration: none;
    border-radius: 0;
    transition: all 0.25s ease;
}

.sergi-haberleri-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* Sağ Sütun: Slider */
.sergi-haberleri-slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sergi-carousel-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.sergi-slider {
    display: flex;
    gap: 24px;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

/* Her kart viewport genişliğinin yarısından biraz az (gap için) */
.sergi-slider .galeri-karti {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
    min-width: 0;
}

.sergi-slider .galeri-gorsel {
    aspect-ratio: 420 / 375;
}

/* Slider Bullets */
.sergi-slider-bullets {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 32px;
}

.sergi-slider-bullets .bullet {
    width: 24px;
    height: 24px;
    border: 1px solid #C8BBA1;
    background: transparent;
    cursor: pointer;
    transition: all 0.22s ease;
    position: relative;
}

.sergi-slider-bullets .bullet::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 8px;
    height: 8px;
    background: var(--ana-metin-rengi);
    transition: transform 0.22s ease, opacity 0.22s ease;
    opacity: 0;
}

.sergi-slider-bullets .bullet.is-active::after,
.sergi-slider-bullets .bullet[aria-selected="true"]::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.sergi-slider-bullets .bullet:hover,
.sergi-slider-bullets .bullet:focus-visible {
    border-color: var(--border-koyu);
}

.sergi-slider-bullets .bullet:focus-visible {
    outline: 2px dashed var(--ana-metin-rengi);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .sergi-slider {
        transition: none;
    }
    
    .sergi-slider-bullets .bullet,
    .sergi-slider-bullets .bullet::after {
        transition: none;
    }
}

/* ========================================================================= */
/* Platform Kullanıcı Görüşleri Bölümü */
/* ========================================================================= */

.testimonials-section {
    padding: 80px 0;
    background: linear-gradient(to bottom, #EAE3D9, #ffffff);
}

.testimonials-grid {
    display: grid;
    grid-template-columns: 370px 830px;
    gap: 40px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Sol Sütun: Görsel */
.testimonials-heading {
    padding-right: 0;
}

.testimonials-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Sağ Sütun: Slider */
.testimonials-slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
}

/* Sabit tırnak işaretleri - slider dışında */
.testimonials-slider-wrapper .quote-mark {
    font-family: 'Cormorant Garamond', serif;
    font-size: 90px;
    line-height: 1;
    color: var(--ana-metin-rengi);
    position: absolute;
    user-select: none;
    pointer-events: none;
    z-index: 1;
}

.testimonials-slider-wrapper .quote-start {
    top: 10px;
    left: 20px;
}

.testimonials-slider-wrapper .quote-end {
    bottom: 110px;
    right: 40px;
}

.testimonials-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.testimonials-slider {
    display: flex;
    gap: 0;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.testimonial-item {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
}

.testimonial-content {
    padding: 10px 120px 50px 130px;
}

.testimonial-author {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ana-metin-rengi);
    margin: 0 0 20px 0;
}

.testimonial-text {
    font-size: 14px;
    line-height: 1.8;
    color: var(--metin-acik);
    margin: 0;
    max-width: 70ch;
}

/* Slider Bullets */
.testimonials-bullets {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
}

.testimonials-bullets .bullet {
    width: 30px;
    height: 30px;
    border: 1px solid #C8BBA1;
    background: transparent;
    cursor: pointer;
    transition: all 0.22s ease;
    position: relative;
}

.testimonials-bullets .bullet::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 10px;
    height: 10px;
    background: var(--ana-metin-rengi);
    border-radius: 1px;
    transition: transform 0.22s ease, opacity 0.22s ease;
    opacity: 0;
}

.testimonials-bullets .bullet.is-active::after,
.testimonials-bullets .bullet[aria-selected="true"]::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.testimonials-bullets .bullet:hover,
.testimonials-bullets .bullet:focus-visible {
    border-color: var(--border-koyu);
}

.testimonials-bullets .bullet:focus-visible {
    outline: 2px dashed var(--ana-metin-rengi);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .testimonials-slider {
        transition: none;
    }
    
    .testimonials-bullets .bullet,
    .testimonials-bullets .bullet::after {
        transition: none;
    }
}

@media (max-width: 1200px) {
    .listing-packages .container {
        padding: 0 24px;
    }
    
    .eserler-container {
        padding: 0 24px;
    }
}

@media (max-width: 992px) {
    .feature-band {
        padding: 40px 32px 90px 32px;
    }
    
    .features {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
    
    .listing-packages .container {
        padding: 0 24px;
    }
    
    .listing-packages .container.lp-grid {
        grid-template-columns: 1fr;
        row-gap: 48px;
        padding: 48px 24px;
    }
    
    .lp-divider {
        display: none;
    }
    
    .benefits {
        margin-top: 0;
    }
    
    .lp-left h2 {
        font-size: 32px;
    }
    
    .count-toggle {
        width: 100%;
        max-width: 460px;
    }
    
    .price-box {
        width: 100%;
        max-width: 280px;
        height: 64px;
        margin: 28px auto 0;
    }
    
    .price-current {
        font-size: 18px;
    }
    
    .price-old {
        font-size: 12px;
    }
    
    .discount-badge {
        font-size: 9px;
        padding: 3px 7px;
        top: 5px;
        right: 5px;
    }
    
    .lp-cta {
        width: 100%;
        max-width: 380px;
        height: 64px;
        margin: 18px auto 0;
    }
    
    .galeri-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
        padding: 0 24px;
    }
    
    .galeri-kartlari-bolumu {
        padding: 60px 0;
    }
}

@media (max-width: 768px) {
    .feature-band {
        padding: 32px 20px 80px 20px;
    }
    
    .features {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    
    .listing-packages .container {
        padding: 0 20px;
    }
    
    .listing-packages .container.lp-grid {
        padding: 40px 20px;
        row-gap: 40px;
    }
    
    .lp-left h2 {
        font-size: 28px;
        margin-bottom: 24px;
    }
    
    .field-title {
        font-size: 16px;
    }
    
    .count-toggle {
        width: 100%;
    }
    
    .benefits li {
        grid-template-columns: 44px 1fr;
        column-gap: 14px;
    }
    
    .benefits .b-icon {
        width: 44px;
        height: 44px;
    }
    
    .benefits strong {
        font-size: 16px;
    }
    
    .benefits p {
        font-size: 14px;
    }
    
    .galeri-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    
    .galeri-info {
        padding: 18px 16px;
        margin-top: -60px;
        width: 86%;
    }
    
    .galeri-baslik {
        font-size: 16px;
        margin-bottom: 8px;
    }
    
    .galeri-aciklama {
        font-size: 12px;
        margin-bottom: 14px;
    }
    
    .galeri-btn {
        padding: 9px 20px;
        font-size: 12px;
    }
    
    .sergi-haberleri-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    
    .sergi-haberleri-content {
        padding-right: 0;
    }
    
    .sergi-haberleri-baslik {
        font-size: clamp(28px, 6vw, 38px);
    }
    
    .sergi-haberleri-grid {
        padding: 0 20px;
    }
    
    .testimonials-grid {
        grid-template-columns: 1fr;
        gap: 48px;
        padding: 0 20px;
    }
    
    .testimonials-image {
        max-width: 280px;
        margin: 0 auto;
    }
    
    .testimonials-slider-wrapper .quote-mark {
        font-size: 75px;
    }
    
    .testimonials-slider-wrapper .quote-start {
        top: -15px;
        left: 15px;
    }
    
    .testimonials-slider-wrapper .quote-end {
        bottom: -15px;
        right: 30px;
    }
    
    .testimonials-bullets {
        margin-top: 20px;
    }
    
    .testimonials-bullets .bullet {
        width: 19px;
        height: 19px;
    }
    
    .testimonials-bullets .bullet::after {
        width: 9px;
        height: 9px;
    }
    
    .testimonial-content {
        padding: 50px 80px 50px 100px;
    }
}

@media (max-width: 576px) {
    .feature-band {
        padding: 24px 16px 60px 16px;
    }
    
    .listing-packages .container {
        padding: 0 16px;
    }
    
    .listing-packages .container.lp-grid {
        padding: 32px 16px;
        row-gap: 32px;
        overflow-x: hidden;
    }
    
    .lp-left h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .field-title {
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .count-toggle {
        padding: 6px;
        gap: 6px;
        width: 100%;
    }
    
    .count-toggle label {
        height: 44px;
        font-size: 14px;
    }
    
    .price-box {
        height: 60px;
        width: 100%;
        margin: 20px auto 0;
    }
    
    .price-current {
        font-size: 17px;
    }
    
    .price-old {
        font-size: 11px;
    }
    
    .discount-badge {
        font-size: 8px;
        padding: 3px 6px;
        top: 4px;
        right: 4px;
    }
    
    .lp-cta {
        font-size: 17px;
        height: 56px;
        width: 100%;
        margin: 16px auto 0;
    }
    
    .lp-notes {
        margin-top: 18px;
        width: 100%;
    }
    
    .lp-notes li {
        font-size: 12px;
        gap: 6px;
    }
    
    .lp-notes .material-symbols-outlined {
        font-size: 16px;
    }
    
    .benefits {
        gap: 20px;
    }
    
    .benefits li {
        grid-template-columns: 40px 1fr;
        column-gap: 12px;
    }
    
    .benefits .b-icon {
        width: 40px;
        height: 40px;
    }
    
    .benefits strong {
        font-size: 15px;
    }
    
    .benefits p {
        font-size: 13px;
    }
    
    .galeri-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 16px;
    }
    
    .galeri-kartlari-bolumu {
        padding: 48px 0;
    }
    
    .galeri-info {
        padding: 16px 14px;
        margin-top: -55px;
        width: 85%;
    }
    
    .galeri-baslik {
        font-size: 16px;
        margin-bottom: 8px;
    }
    
    .galeri-aciklama {
        font-size: 12px;
        margin-bottom: 14px;
    }
    
    .galeri-btn {
        padding: 8px 18px;
        font-size: 12px;
    }
    
    .sergi-haberleri-bolumu {
        padding: 48px 0;
    }
    
    .sergi-slider .galeri-karti {
        flex: 0 0 100%;
        width: 100%;
    }
    
    .sergi-haberleri-aciklama {
        font-size: 14px;
    }
    
    .sergi-haberleri-btn {
        padding: 14px 32px;
        font-size: 14px;
    }
    
    .sergi-haberleri-grid {
        padding: 0 16px;
    }
    
    .testimonials-section {
        padding: 60px 0;
    }
    
    .testimonials-grid {
        padding: 0 16px;
        gap: 32px;
    }
    
    .testimonials-image {
        max-width: 240px;
    }
    
    .testimonials-slider-wrapper .quote-mark {
        font-size: 65px;
    }
    
    .testimonials-slider-wrapper .quote-start {
        top: -10px;
        left: 10px;
    }
    
    .testimonials-slider-wrapper .quote-end {
        bottom: -10px;
        right: 20px;
    }
    
    .testimonials-bullets {
        margin-top: 16px;
    }
    
    .testimonials-bullets .bullet {
        width: 17px;
        height: 17px;
    }
    
    .testimonials-bullets .bullet::after {
        width: 8px;
        height: 8px;
    }
    
    .testimonial-content {
        padding: 40px 60px 40px 80px;
    }
    
    .testimonial-author {
        font-size: 14px;
        margin-bottom: 16px;
    }
    
    .testimonial-text {
        font-size: 13px;
        line-height: 1.7;
    }
}


/* ========================================================================= */
/* 7. Responsive (Media Queries) */
/* ========================================================================= */

/* Tablet ve Orta Boy Ekranlar */
@media (max-width: 1024px) and (min-width: 769px) {
    
    /* Ana İçerik Bölümü - Padding Ayarları */
    .ana-icerik-bolumu {
        padding: 30px 20px;
        gap: 15px;
    }

    .sol-bolum {
        padding-right: 10px;
    }

    .sag-bolum {
        padding-left: 30px;
    }

    .sol-icerik-kutusu {
        max-width: 450px;
    }

    .sanat-eseri-cerceve {
        max-width: 450px;
    }

    .baslik {
        font-size: 3rem;
    }
}

/* Küçük Tablet (900px civarı) */
@media (max-width: 900px) and (min-width: 769px) {
    
    .ana-icerik-bolumu {
        gap: 10px;
        padding: 30px 20px;
    }
    
    .sol-bolum {
        padding-right: 5px;
    }

    .sag-bolum {
        padding-left: 15px;
    }

    .baslik {
        font-size: 2.8rem;
    }

    .sol-icerik-kutusu {
        max-width: 400px;
    }

    .sanat-eseri-cerceve {
        max-width: 400px;
    }
}

/* Mobil Ekranlar */
@media (max-width: 768px) {
    
    /* Header Düzenlemesi */
    .header-container {
        height: auto;
    }
    .ust-bant {
        display: flex;
        flex-direction: column;
        height: auto;
        padding: 15px 5%;
        gap: 10px;
        text-align: center;
    }
    .ust-bant-menu {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .ust-bant-platform-adi {
        order: -1; /* Platform adını en üste al */
    }
    .ust-bant-sag {
        display: none; /* Mobilde sağ bölümü gizle */
    }
    .ana-header {
        grid-template-columns: 1fr;
        height: auto;
        padding: 15px 5%;
        gap: 15px;
    }

    .sol-header-ana {
        justify-content: center;
    }

    .orta-header {
        order: 2;
    }

    .arama-kutusu {
        max-width: 100%;
    }

    .sag-header {
        order: 3;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .header-link {
        font-size: 0.85rem;
    }

    .hesap-btn {
        font-size: 0.85rem;
        padding: 7px 14px;
    }

    .dropdown-menu {
        right: auto;
        left: 50%;
        transform: translateX(-50%) translateY(-10px);
    }

    .hesap-menusu:hover .dropdown-menu,
    .hesap-menusu.active .dropdown-menu {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
        visibility: visible;
    }
    
    .hesap-menusu.active .hesap-btn .fa-chevron-down {
        transform: rotate(180deg);
    }

    /* Ana İçerik Düzenlemesi */
    .ana-icerik-bolumu {
        flex-direction: column; 
        min-height: auto;
        padding: 30px 24px;
        gap: 30px;
    }

    .sol-bolum {
        justify-content: center;
        padding: 0;
    }
    
    .sag-bolum {
        justify-content: center;
        padding: 0;
    }
    
    .baslik {
        font-size: 2.5rem; 
    }
    
    .sanat-eseri-cerceve {
        max-width: 90%; 
        border-width: 10px; 
    }

    /* Eserler Bölümü Mobil */
    .one-cikan-eserler-bolumu {
        padding: 40px 5% 80px 5%;
    }
    
    .eserler-slider {
        margin-bottom: 30px;
    }
}

/* ===========================
   FOOTER STYLES
   =========================== */

.site-footer {
    --ink: #102A2C;
    --muted: #506066;
    --bg1: #FBF8F2;
    --bg2: #F2ECE3;
    --stroke: #E6E0D6;
    --accent: #0E5A6B;
    
    color: var(--ink);
    background: linear-gradient(to top, #EAE3D9, #ffffff);
    padding-block: clamp(48px, 8vh, 96px);
    font-family: 'Montserrat', Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.site-footer .container {
    max-width: 1000px;
    margin: 0 auto;
    padding-inline: clamp(16px, 4vw, 40px);
}

/* Footer Hero */
.footer-hero {
    text-align: center;
}

.footer-title {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 800;
    letter-spacing: -0.01em;
    font-size: clamp(32px, 5vw, 54px);
    margin: 0;
    color: var(--ink);
}

.footer-logo {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    height: clamp(40px, 5vw, 48px);
    width: auto;
}

.footer-description {
    max-width: 70ch;
    margin-inline: auto;
    margin-top: 16px;
    color: var(--muted);
    line-height: 1.8;
    font-size: 15px;
}

/* Social Icons */
.footer-social {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 18px;
}

.social-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    transition: transform 0.15s ease, background 0.15s ease;
    text-decoration: none;
}

.social-icon:hover {
    transform: translateY(-2px);
    background:#e6dfd6;
    backdrop-filter: saturate(140%) blur(4px);
}

.social-icon:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.social-icon svg {
    width: 18px;
    height: 18px;
    fill: var(--ink);
}

/* Footer Grid */
.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    align-items: start;
    gap: min(5vw, 56px);
    margin-top: clamp(40px, 7vh, 72px);
}

.footer-grid .col h4 {
    font-family: "Cormorant Garamond", ui-serif, Georgia, serif;
    font-weight: 500;
    letter-spacing: 0.2px;
    font-size: clamp(20px, 2.2vw, 28px);
    margin: 0 0 14px;
    color: var(--ink);
}

.footer-grid .col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
}

.footer-grid .col a {
    color: var(--ink);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color 0.2s ease;
    display: inline-block;
}

.footer-grid .col a:hover {
    border-color: var(--stroke);
}

.footer-grid .col a:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* QR Box */
.qr-box {
    justify-self: end;
    text-align: center;
}

.qr-box img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    background: #fff;
    padding: 6px;
    border-radius: 6px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

.qr-box small {
    display: block;
    margin-top: 8px;
    color: #C53B2C;
    font-size: 12px;
    font-weight: 600;
}

/* Payment Logos */
.footer-payments {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(16px, 3vw, 40px);
    margin-top: clamp(36px, 6vh, 56px);
    opacity: 0.95;
    flex-wrap: wrap;
}

.footer-payments img {
    height: 32px;
    object-fit: contain;
    filter: saturate(90%);
}

/* Footer Bottom */
.footer-bottom {
    margin-top: clamp(28px, 6vh, 48px);
    border-top: 1px solid var(--stroke);
    padding-top: 14px;
    text-align: center;
    color: var(--muted);
    font-size: 14px;
}

/* Responsive: Tablet */
@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        row-gap: 32px;
    }
    
    .qr-box {
        justify-self: end;
        grid-column: 2;
        grid-row: 2;
    }
}

/* Responsive: Mobile */
@media (max-width: 680px) {
    .footer-grid {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }
    
    .qr-box {
        justify-self: center;
        grid-column: 1;
        grid-row: auto;
        order: 4;
    }
    
    .footer-payments {
        gap: clamp(12px, 2vw, 20px);
    }
    
    .footer-payments img {
        height: 28px;
    }
}

/* ========================================================================= */
/* Sanatçı Sayfası Stilleri */
/* ========================================================================= */

/* Sanatçı Hero Bölümü */
.sanatci-hero {
    background: linear-gradient(to bottom left, var(--arka-plan-gradient-1), var(--arka-plan-gradient-2));
    padding: 60px 0;
    min-height: 60vh;
    display: flex;
    align-items: center;
}

.sanatci-hero-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.sanatci-hero-media {
    width: 100%;
    overflow: hidden;
}

.sanatci-hero-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4 / 5;
}

.sanatci-hero-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sanatci-hero-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(40px, 6vw, 64px);
    font-weight: 500;
    line-height: 1.1;
    color: var(--ana-metin-rengi);
    margin: 0;
}

.sanatci-hero-subtitle {
    font-size: 18px;
    font-weight: 500;
    color: var(--metin-ozel);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.sanatci-hero-desc {
    font-size: 16px;
    line-height: 1.7;
    color: var(--metin-acik);
    margin: 0;
    max-width: 60ch;
}

.sanatci-hero-actions {
    display: flex;
    gap: 16px;
    margin-top: 10px;
}

.sanatci-hero-btn {
    display: inline-block;
    padding: 12px 35px;
    background: var(--ana-metin-rengi);
    color: var(--metin-beyaz);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 400;
    transition: background-color 0.3s, transform 0.2s;
}

.sanatci-hero-btn:hover {
    background: var(--vurgu-koyu);
    transform: translateY(-1px);
}

.sanatci-follow-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: transparent;
    border: 1px solid var(--ana-metin-rengi);
    color: var(--ana-metin-rengi);
    font-size: 0.85rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s;
}

.sanatci-follow-btn:hover {
    background: var(--ana-metin-rengi);
    color: var(--metin-beyaz);
}

.sanatci-follow-btn.active {
    background: var(--favori-rengi);
    border-color: var(--favori-rengi);
    color: var(--metin-beyaz);
}

.sanatci-follow-btn.active i {
    color: var(--metin-beyaz);
}

/* Sanatçı Biyografi Bölümü */
.sanatci-biyografi {
    padding: 80px 0;
    background: var(--arka-plan-beyaz);
}

.sanatci-biyografi-content {
    max-width: 900px;
    margin: 0 auto;
}

.sanatci-biyografi-baslik {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 500;
    color: var(--ana-metin-rengi);
    margin-bottom: 32px;
}

.sanatci-biyografi-text {
    font-size: 16px;
    line-height: 1.8;
    color: var(--metin-acik);
}

.sanatci-biyografi-text p {
    margin-bottom: 20px;
}

.sanatci-biyografi-text p:last-child {
    margin-bottom: 0;
}

/* Sanatçının Eserleri Bölümü */
.sanatci-eserler {
    padding: 80px 0;
    background: var(--arka-plan-acik-gri);
}

.sanatci-eserler-baslik {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 500;
    color: var(--ana-metin-rengi);
    margin-bottom: 48px;
    text-align: center;
}

.sanatci-eserler-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Responsive */
@media (max-width: 1024px) {
    .sanatci-hero-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .sanatci-hero-media {
        max-width: 500px;
        margin: 0 auto;
    }
    
    .sanatci-eserler-grid {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .sanatci-hero {
        padding: 40px 0;
        min-height: auto;
    }
    
    .sanatci-hero-actions {
        flex-direction: column;
    }
    
    .sanatci-hero-btn,
    .sanatci-follow-btn {
        width: 100%;
        justify-content: center;
    }
    
    .sanatci-biyografi {
        padding: 60px 0;
    }
    
    .sanatci-eserler {
        padding: 60px 0;
    }
    
    .sanatci-eserler-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 16px;
    }
}

@media (max-width: 576px) {
    .sanatci-eserler-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================================================= */
/* Ortak Container - Tüm Section'lar İçin */
/* ========================================================================= */

.page-container {
    width: 100%;
    margin: 0 auto;
}

/* ========================================================================= */
/* Artist Hero Section - Sanatçı Başlık Alanı */
/* ========================================================================= */

.artist-showcase {
    background: linear-gradient(to right, #eee9df, #ffffff);
    padding: 0 2rem 7% 2rem;
}

.artist-showcase__container {
    max-width: 1200px;
    margin: 0 auto;
}

.artist-hero {
    /*background: linear-gradient(to right, #f3ede4, #f8f8f8);*/
    padding: 5% 0;
}

.artist-hero-container {
    width: 100%;
    /*padding: 0 5%;*/
    display: flex;
    align-items: center;
    gap: 2rem;
}

.artist-hero-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 0;
}

.artist-hero-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 3.5rem;
    color: #082d33;
    margin: 0;
    line-height: 1.2;
}

.artist-hero-artwork {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    color: #6a4b24;
    margin: 0;
    font-size: 1.5rem;
}

.artist-hero-actions {
    display: flex;
    gap: 1.3rem;
    align-items: center;
}

.artist-hero-btn {
    display: flex;
    align-items: center;
    gap: 26px;
    padding: 8px 12px;
    border: 1px solid #9b835e;
    background: transparent;
    color: #9b835e;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 0;
}

.artist-hero-btn:hover {
    background: rgba(106, 75, 36, 0.1);
    border-color: #5a3f1f;
    color: #5a3f1f;
}

.artist-hero-btn i {
    font-size: 1rem;
}

.artist-hero-btn-share {
    padding: 8px 12px;
    justify-content: center;
}

.artist-hero-btn-share span {
    display: none;
}

.artist-hero-btn-back {
    background: #082d33;
    color: #fff;
    border-color: #082d33;
    padding: 8px 12px;
}

.artist-hero-btn-back:hover {
    background: #062026;
    border-color: #062026;
    color: #fff;
}

.artist-hero-btn-back i {
    margin-left: 8px;
    margin-right: 0;
    font-size: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .artist-showcase {
        padding: 0 1rem 5% 1rem;
        background: linear-gradient(to right, #e8ddd0, #fcfcfc);
    }

    .artist-hero {
        padding: 40px 0px;
    }
    
    .artist-hero-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1.5rem;
        padding: 0 5%;
    }
    
    .page-container {
        padding: 0 5%;
    }
    
    .artist-hero-content {
        align-items: center;
        margin: 0;
    }
}

/* KAFKA: artist-offer start */
:root {
    --ink-deep: #082d33;
    --ink-label: #102a2c;
    --accent-warm: #6a4b24;
    --bg-beige: #f3ede4;
    --bg-beige-dark: #f0e9de;
    --bg-verylight: #f6f6f6;
    --ink-soft: rgba(0, 0, 0, 0.6);
    --border-soft: #dedbd5;
    --radius: 6px;
    --shadow-s: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-m: 0 6px 18px rgba(0, 0, 0, 0.08);
    --bg-beige-medium: #d5d3d3;
    --ink-body: rgba(0, 0, 0, 0.78);
    --maxw: 1280px;
    --gutter: min(5vw, 64px);
    --bg-page: #ffffff;
    --btn-dark: #082d33;
    --btn-dark-hover: #062026;
}

.artist-offer__grid {
    display: grid;
    grid-template-columns: 1fr 0.8fr 0.7fr;
    gap: 2rem;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto;
}

/* Sol: Medya */
.artist-offer__left {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.art-media {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}

.art-media__figure {
    position: relative;
    width: 100%;
    height: 575px;
    border-radius: 0;
    overflow: hidden;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.art-media__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.art-media__zoom {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 10px;
    font-size: 0.9rem;
    cursor: pointer;
}

.art-media__thumbs {
    display: flex;
    gap: 12px;
    width: 100%;
    padding-bottom: 4px;
}

.art-media__thumbs::-webkit-scrollbar {
    height: 4px;
}

.art-media__thumbs::-webkit-scrollbar-track {
    background: var(--bg-verylight);
}

.art-media__thumbs::-webkit-scrollbar-thumb {
    background: var(--border-soft);
    border-radius: 2px;
}

.art-media__thumb {
    flex: 1;
    min-width: 0;
    aspect-ratio: 1;
    border: 2px solid transparent;
    border-radius: 0;
    overflow: hidden;
    background: var(--bg-verylight);
    cursor: pointer;
    padding: 0;
    transition: border-color 0.2s;
}

.art-media__thumb:hover {
    border-color: var(--accent-warm);
}

.art-media__thumb.active {
    border-color: var(--accent-warm);
}

.art-media__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Art Media Zoom Lens */
.art-media__img {
    transition: opacity 0.2s ease;
    cursor: none;
}

.art-media__lens {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 3px solid var(--accent-warm);
    background-color: white;
    background-repeat: no-repeat;
    cursor: none;
    pointer-events: none;
    z-index: 1000;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5),
                0 8px 24px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.art-media__zoom-result {
    display: none;
}

/* Responsive: Hide zoom on mobile */
@media (max-width: 768px) {
    .art-media__lens,
    .art-media__zoom-result {
        display: none !important;
    }
    
    .art-media__img {
        cursor: default;
    }
}

/* Orta: Teklif Ver Paneli */
.artist-offer__center {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.offer-card {
    background: var(--bg-beige-dark);
    padding: 32px 32px;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.offer-card__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--ink-deep);
    margin: 0 0 24px 0;
}

.offer-card__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.offer-card__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid var(--border-soft);
}

.offer-card__row:last-of-type {
    border-bottom: none;
}

.offer-card__label {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ink-label);
    margin: 0;
}

.offer-card__value {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--ink-deep);
    margin: 0;
    text-align: left;
}

.offer-card__cta {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 36px;
    padding: 14px 24px;
    font-size: 1rem;
    font-weight: 600;
}

.offer-card__warn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    font-size: 0.65rem;
    color: var(--ana-metin-rengi);
    text-decoration: none;
    transition: color 0.2s;
}

.offer-card__warn .material-symbols-outlined {
    font-size: 16px;
    color: #c53b2c;
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
    text-decoration: none;
}


/* Sağ: Satıcı Kartı & Reklam */
.artist-offer__right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.seller-card {
    background: var(--bg-beige-dark);
    padding: 34px;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.seller-card__logo {
    width: 120px;
    height: 120px;
    border-radius: 0;
    overflow: hidden;
    background: var(--bg-verylight);
    border: 2px solid var(--border-soft);
}

.seller-card__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.seller-card__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.seller-card__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ink-deep);
    text-align: center;
}

.seller-card__loc {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    color: var(--ink-soft);
    margin: 0;
    text-align: center;
}

.seller-card__actions {
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: 100%;
    justify-content: center;
}

.seller-card__actions .btn {
    flex: 0 1 auto;
    min-width: 0;
    justify-content: center;
    border-radius: 0;
    padding: 8px 18px;
    font-size: 0.8rem;
}

.ad-card {
    width: 100%;
}

.ad-card__box {
    width: 100%;
    aspect-ratio: 4 / 3;
    background: var(--bg-beige-medium);
    border: 1px solid var(--border-soft);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.ad-card__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.ad-card__badge {
    padding:8px 20px;
    background: #d71718;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    font-weight: 600;
    color: #d8d9d9;
}

.ad-card__label {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 0 0;
    text-align: center;
}

.ad-card__size {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: #000;
    margin: 0;
    text-align: center;
}

/* Buton Stilleri */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border: 1px solid transparent;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    background: transparent;
}

.btn--outline {
    border-color: var(--accent-warm);
    color: var(--accent-warm);
    background: rgba(255, 255, 255, 0.9);
}

.btn--outline:hover {
    background: var(--accent-warm);
    color: #fff;
}

.btn--dark {
    background: var(--ink-deep);
    color: #fff;
    border-color: var(--ink-deep);
}

.btn--dark:hover {
    background: #062026;
    border-color: #062026;
}

.btn--primary {
    background: #60a54c;
    color: #fff;
    border-color: #60a54c;
}

.btn--primary:hover {
    background: #357a42;
    border-color: #357a42;
}

.btn--ghost {
    background: transparent;
    color: var(--ink-deep);
    border-color: var(--border-soft);
}

.btn--ghost:hover {
    background: var(--bg-verylight);
}

/* Responsive - Tablet (735px - 1080px) */
@media (max-width: 1080px) {
    .artist-offer {
        padding-right: 2rem;
    }
    
    .artist-offer__grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .artist-offer__left {
        grid-column: 1;
    }
    
    .artist-offer__center {
        grid-column: 1;
    }
    
    .artist-offer__right {
        grid-column: 1;
        flex-direction: row;
        gap: 2rem;
    }
    
    .seller-card {
        flex: 1;
    }
    
    .ad-card {
        flex: 1;
    }
    
    .art-media__figure {
        height: 500px;
    }
}

/* Responsive - Mobil (734px ve altı) */
@media (max-width: 734px) {
    .artist-offer {
        padding: 0;
    }
    
    .artist-offer__grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .artist-offer__right {
        flex-direction: column;
    }
    
    .art-media__figure {
        height: 400px;
    }
    
    .art-media__thumbs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .offer-card {
        padding: 24px;
    }
    
    .seller-card__actions {
        flex-direction: row;
    }
    
    .seller-card__actions .btn {
        flex: 1;
    }
}
/* KAFKA: artist-offer end */

/* KAFKA: artwork-about start */
.artwork-about {
    padding: 72px 0;
    background: var(--bg-beige-light);
}

.artwork-about__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: clamp(28px, 3vw, 88px);
    align-items: start;
}

.artwork-about__left {
    width: 100%;
}

.artwork-about__title {
    font-family: "Montserrat", serif;
    font-weight: 500;
    color: var(--ink-deep);
    font-size: clamp(36px, 5vw, 64px);
    line-height: 1.05;
    letter-spacing: 0.2px;
    margin: 0;
}

.artwork-about__subtitle {
    font-family: "Montserrat", sans-serif;
    color: var(--accent-warm);
    font-weight: 500;
    font-size: clamp(18px, 2.3vw, 28px);
    margin-bottom: 0;
}

.artwork-about__right {
    width: 100%;
}

.artwork-about__text {
    color: var(--ink-deep);
    opacity: 0.85;
    font-family: "Montserrat", sans-serif;
    font-size: 0.95rem;
    line-height: 1.70;
    letter-spacing: 0.5px;
}

.artwork-about__text p {
    margin: 0;
}

.artwork-about__text p + p {
    margin-top: 1em;
}

/* Responsive - Tablet */
@media (max-width: 1080px) {
    .artwork-about {
        padding: 56px 0;
    }
    
    .artwork-about__inner {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 0 1.5rem;
    }
    
    .artwork-about__left {
        text-align: left;
    }
    
    .artwork-about__right {
        max-width: 100%;
    }
}

/* Responsive - Mobil */
@media (max-width: 734px) {
    .artwork-about {
        padding: 40px 0;
    }
    
    .artwork-about__inner {
        padding: 0 3rem;
    }
}
/* KAFKA: artwork-about end */

/* KAFKA: artist-bio start */
.artist-bio {
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.artist-bio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 400px;
    transform: translateY(-50%);
    background: var(--bg-beige-dark);
    z-index: 1;
    pointer-events: none;
}

.artist-bio__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns:1.1fr 0.9fr;
    align-items: stretch;
    position: relative;
    z-index: 2;
}

.artist-bio__left {
    position: relative;
    padding: 100px 60px 100px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.artist-bio__left::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100vw;
    background: var(--bg-beige-light);
    z-index: -1;
}

.artist-bio__band {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.artist-bio__title {
    font-family: "Montserrat", serif;
    font-weight: 500;
    color: var(--ink-deep);
    font-size: clamp(34px, 5vw, 66px);
    line-height: 1.05;
    margin: 0 0 0.5em 0;
    letter-spacing: 0.2px;
}

.artist-bio__text {
    font-family: "Montserrat", sans-serif;
    color: rgba(0, 0, 0, 0.78);
    font-size: clamp(15px, 1.2vw, 14px);
    line-height: 1.8;
    max-width: 62ch;
}

.artist-bio__text p {
    margin: 0;
}

.artist-bio__text p + p {
    margin-top: 1em;
}

.artist-bio__btn {
    width: 180px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: clamp(18px, 2.2vw, 28px);
    padding: 10px 18px;
    background: var(--btn-dark);
    color: #fff;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    transition: background 0.2s ease;
}

.artist-bio__btn:hover {
    background: var(--btn-dark-hover);
}

.artist-bio__btn:focus-visible {
    outline: 2px solid #b98b57;
    outline-offset: 2px;
}

/* Sağ blok – portre görsel */
.artist-bio__right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 100px 0;
}

.artist-bio__image {
    width: 100%;
    max-width: 400px;
    height: auto;
    object-fit: cover;
    object-position: center;
    display: block;
    box-shadow: var(--shadow-m);
}

/* Responsive - Medium Desktop (1081px-1200px) */
@media (max-width: 1200px) and (min-width: 1081px) {
    .artist-bio__left {
        padding: 100px 60px 100px 40px;
    }
    
    .artist-bio__right {
        padding: 100px 40px 100px 0;
    }
}

/* Responsive - Tablet (769px-1080px) */
@media (max-width: 1080px) and (min-width: 769px) {
    .artist-bio::after {
        height: 300px;
    }
    
    .artist-bio__inner {
        grid-template-columns: 1fr 1fr;
        padding: 0 2rem;
    }
    
    .artist-bio__left {
        padding: 60px 40px 60px 0;
    }
    
    .artist-bio__left::before {
        left: -2rem;
    }
    
    .artist-bio__right {
        padding: 60px 0;
    }
    
    .artist-bio__image {
        max-width: 350px;
    }
}

/* Responsive - Mobil (768px ve altı) */
@media (max-width: 768px) {
    .artist-bio {
        background: var(--bg-beige-dark);
        padding: 0 3rem;
    }
    
    .artist-bio::after {
        height: 80px;
    }
    
    .artist-bio__inner {
        grid-template-columns: 1fr;
    }
    
    .artist-bio__left {
        padding: 40px 0;
        order: 1;
    }
    
    .artist-bio__left::before {
        left: -1rem;
        right: -1rem;
    }
    
    .artist-bio__right {
        padding: 0 0 40px 0;
        order: 2;
        justify-content: center;
    }
    
    .artist-bio__image {
        max-width: 100%;
    }
}
/* KAFKA: artist-bio end */

/* KAFKA: related-works start */
.related-works {
    margin-bottom: 80px;
}

.related-works__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.related-works__title {
    font-family: "Montserrat", serif;
    font-weight: 500;
    font-size: clamp(20px, 3vw, 32px);
    color: var(--ink-deep);
    margin: 0 0 clamp(24px, 4vw, 32px) 0;
    text-align: left;
}

.related-works__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(16px, 2.5vw, 32px);
}

.work-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow-s);
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.work-card:hover {
    box-shadow: var(--shadow-m);
    transform: translateY(-4px);
}

.work-card__media {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--bg-verylight);
}

.work-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.work-card__fav {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 2;
}

.work-card__fav:hover {
    background: #fff;
    transform: scale(1.1);
}

.work-card__fav i {
    font-size: 18px;
    color: var(--ink-deep);
}

.work-card__fav.active i {
    color: #e74c3c;
}

.work-card__zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    cursor: pointer;
}

.work-card__media:hover .work-card__zoom {
    opacity: 1;
}

.work-card__zoom i {
    font-size: 48px;
    color: #fff;
}

.work-card__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.work-card__artist {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--ink-deep);
    margin: 0;
}

.work-card__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: var(--ink-soft);
    margin: 0;
    font-style: italic;
}

.work-card__meta {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 0.85rem;
    color: var(--ink-soft);
    line-height: 1.5;
    margin: 0;
    flex: 1;
}

.work-card__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    gap: 12px;
}

.work-card__price {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--ink-deep);
}

.btn--chip {
    height: 40px;
    padding: 0 16px;
    background: var(--bg-beige);
    color: var(--ink-deep);
    border: 1px solid var(--border-soft);
    border-radius: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn--chip:hover {
    background: var(--bg-beige-dark);
    border-color: var(--accent-warm);
}

.work-card__link {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    color: var(--accent-warm);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s ease;
}

.work-card__link:hover {
    color: var(--ink-deep);
}

.work-card__link i {
    font-size: 0.85rem;
}

@media (min-width: 993px) and (max-width: 1200px) {
    .related-works__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Responsive - Tablet */
@media (min-width: 735px) and (max-width: 1080px) {
    .related-works {
        padding: 5% 1.5rem;
    }
    
    .related-works__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive - Mobil */
@media (max-width: 734px) {
    .related-works {
        padding: 5% 1rem;
    }
    
    .related-works__grid {
        grid-template-columns: 1fr;
    }
    
    .work-card__body {
        padding: 16px;
    }
}
/* KAFKA: related-works end */

/* ============================================================
   ARTIST FOOTER
   ============================================================ */
.artist-footer {
    background: #152832;
    color: #ffffff;
    padding: 64px 0 32px 0;
    font-family: 'Montserrat', sans-serif;
}

.artist-footer__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.artist-footer__top {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 4rem;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.artist-footer__left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.artist-footer__logo {
    width: 180px;
    margin-bottom: 8px;
}

.artist-footer__logo img {
    width: 100%;
    height: auto;
    display: block;
    filter: brightness(0) invert(1);
}

.artist-footer__social {
    display: flex;
    gap: 16px;
}

.artist-footer__social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #ffffff;
    font-size: 25px;
    transition: all 0.3s ease;
}

.artist-footer__social a:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.6);
}

.artist-footer__text {
    font-size: 0.85rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    max-width: 500px;
}

.artist-footer__email {
    font-size: 0.95rem;
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.3s ease;
}

.artist-footer__email:hover {
    opacity: 0.8;
}

.artist-footer__right {
    display: flex;
    gap: 3rem;
    justify-content: flex-end;
    padding-top: 8px;
}

.artist-footer__links-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.artist-footer__links-group a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.artist-footer__links-group a:hover {
    color: #ffffff;
}

.artist-footer__middle {
    display: flex;
    gap: 2rem;
    justify-content: center;
    padding: 32px 0;
}

.artist-footer__middle a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.3s ease;
}

.artist-footer__middle a:hover {
    color: #ffffff;
}

.artist-footer__bottom {
    padding-top: 24px;
    text-align: center;
}

.artist-footer__bottom p {
    margin: 0;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
}

/* Responsive - Tablet */
@media (max-width: 1080px) {
    .artist-footer__top {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }
    
    .artist-footer__right {
        justify-content: flex-start;
    }
}

/* Responsive - Mobil */
@media (max-width: 734px) {
    .artist-footer {
        padding: 48px 24px;
    }
    
    .artist-footer__container {
        padding: 0 1rem;
    }
    
    .artist-footer__top {
        gap: 2rem;
        padding-bottom: 32px;
    }
    
    .artist-footer__right {
        gap: 2rem;
    }
    
    .artist-footer__middle {
        flex-direction: column;
        gap: 12px;
        align-items: center;
        padding: 24px 0;
    }
}
/* KAFKA: artist-footer end */

/* ============================================================
   LIGHTBOX MODAL
   ============================================================ */

.lightbox-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.lightbox-modal.active {
    opacity: 1;
    visibility: visible;
}

.lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    cursor: pointer;
}

.lightbox-content {
    position: relative;
    z-index: 10001;
    width: 90vw;
    max-width: 1400px;
    height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.lightbox-image-wrapper {
    position: relative;
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.lightbox-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* Slide Animations */
.slide-out-left {
    animation: slideOutLeft 0.2s ease forwards;
}

.slide-out-right {
    animation: slideOutRight 0.2s ease forwards;
}

.slide-in-left {
    animation: slideInLeft 0.4s ease forwards;
}

.slide-in-right {
    animation: slideInRight 0.4s ease forwards;
}

@keyframes slideOutLeft {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100px);
        opacity: 0;
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100px);
        opacity: 0;
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.lightbox-close {
    position: fixed;
    top: 24px;
    right: 24px;
    min-width: 40px;
    height: 40px;
    padding: 8px 12px;
    background: #fffdfd;
    border: 1px solid #9b835e;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10002;
    transition: all 0.2s ease;
}

.lightbox-close:hover {
    background: rgba(155, 131, 94, 0.15);
    border-color: #5a3f1f;
}

.lightbox-close i {
    font-size: 18px;
    color: #9b835e;
    transition: color 0.2s ease;
}

.lightbox-close:hover i {
    color: #5a3f1f;
}

/* Navigation Arrows */
.lightbox-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    min-width: 40px;
    height: 40px;
    padding: 8px 12px;
    background: #fffdfd;
    border: 1px solid #9b835e;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10003;
    transition: all 0.2s ease;
}

.lightbox-arrow--prev {
    left: 24px;
}

.lightbox-arrow--next {
    right: 24px;
}

.lightbox-arrow:hover {
    background: rgba(155, 131, 94, 0.15);
    border-color: #5a3f1f;
}

.lightbox-arrow i {
    font-size: 16px;
    color: #9b835e;
    transition: color 0.2s ease;
}

.lightbox-arrow:hover i {
    color: #5a3f1f;
}

/* Lightbox Thumbnails */
.lightbox-thumbs {
    display: flex;
    gap: 12px;
    padding: 0 60px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.lightbox-thumbs::-webkit-scrollbar {
    height: 6px;
}

.lightbox-thumbs::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.lightbox-thumbs::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.lightbox-thumbs::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

.lightbox-thumb {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border: 3px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    background: transparent;
    padding: 0;
}

.lightbox-thumb:hover {
    border-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.05);
}

.lightbox-thumb.active {
    border-color: var(--accent-warm);
    transform: scale(1.05);
}

.lightbox-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Animation */
@keyframes lightboxZoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Disabled state for arrows */
.lightbox-arrow[style*="opacity: 0.3"] {
    opacity: 0.3 !important;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .lightbox-content {
        width: 95vw;
        height: 95vh;
        gap: 16px;
    }
    
    .lightbox-close {
        top: 12px;
        right: 12px;
        min-width: 36px;
        height: 36px;
        padding: 6px 10px;
    }
    
    .lightbox-close i {
        font-size: 16px;
    }
    
    .lightbox-arrow {
        min-width: 36px;
        height: 36px;
        padding: 6px 10px;
    }
    
    .lightbox-arrow--prev {
        left: 12px;
    }
    
    .lightbox-arrow--next {
        right: 12px;
    }
    
    .lightbox-arrow i {
        font-size: 14px;
    }
    
    .lightbox-thumbs {
        padding: 0 20px;
        gap: 8px;
    }
    
    .lightbox-thumb {
        width: 60px;
        height: 60px;
        border-width: 2px;
    }
}

/* KAFKA: lightbox-modal end */

/* ========================================================================= */
/* AVNI ERBAŞ SAYFASI - Sayfaya Özel Stiller */
/* ========================================================================= */

/* Avni Artist Showcase Section */
.avni-artist-showcase {
    background: linear-gradient(to right, #eee9df, #f6f6f6);
    padding: 0 2rem 0% 2rem;
}

.avni-artist-showcase__container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Avni Artist Hero Section */
.avni-artist-hero {
    padding: 5% 0;
}

.avni-artist-hero-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.avni-artist-hero-image {
    width: 250px;
    height: 250px;
    overflow: hidden;
    flex-shrink: 0;
}

.avni-artist-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.avni-artist-hero-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 0;
}

.avni-artist-hero-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 3.5rem;
    color: #082d33;
    margin: 0;
    line-height: 1.2;
}

.avni-artist-hero-artwork {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    color: #6a4b24;
    margin: 0;
    font-size: 1.5rem;
}

/* Avni Artist Content Section */
.avni-artist-content {
    background: #ffffff;
    padding: 3rem 2rem;
}

.avni-artist-content__container {
    max-width: 1200px;
    margin: 0 auto;
}

.avni-artist-content__text {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    color: #333;
    margin: 0;
}

/* Responsive - Mobil */
@media (max-width: 768px) {
    .avni-artist-showcase {
        padding: 0 1rem 5% 1rem;
        background: linear-gradient(to right, #e8ddd0, #fcfcfc);
    }

    .avni-artist-hero {
        padding: 40px 0px;
    }
    
    .avni-artist-hero-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1.5rem;
    }

    .avni-artist-hero-image {
        width: 150px;
        height: 150px;
    }
    
    .avni-artist-hero-content {
        align-items: center;
        margin: 0;
    }

    .avni-artist-hero-name {
        font-size: 2.5rem;
    }

    .avni-artist-hero-artwork {
        font-size: 1.2rem;
    }

    .avni-artist-content {
        padding: 2rem 1rem;
    }

    .avni-artist-content__text {
        font-size: 0.95rem;
        line-height: 1.7;
    }
}

/* KAFKA: avni-erbas-page end */

/* ========================================================================= */
/* GALLERY SAYFASI - Galeri Sayfasına Özel Stiller */
/* ========================================================================= */

/* Gallery Showcase Section */
.gallery-showcase {
    background: linear-gradient(to right, #eee9df, #f6f6f6);
    padding: 0 2rem 0% 2rem;
}

.gallery-showcase__container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Gallery Hero Section */
.gallery-hero {
    padding: 5% 0;
    padding-bottom: 3%;
}

.gallery-hero-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.gallery-hero-image {
    width: 250px;
    height: 250px;
    overflow: hidden;
    flex-shrink: 0;
}

.gallery-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gallery-hero-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 0;
}

.gallery-hero-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 3.5rem;
    color: #082d33;
    margin: 0;
    line-height: 1.2;
}

.gallery-hero-location {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    color: #6a4b24;
    margin: 0;
    font-size: 1.5rem;
}

/* Gallery Menus (Tabs) */
.gallery-menus {
    background: linear-gradient(to right, #eee9df, #ffffff);
    padding: 0 2rem;
}

.gallery-menus-container {
    max-width: 1200px;
    margin: 0 auto;
    padding:30px 0px;
    border-bottom: 1px solid #efeeee;
}

.gallery-tabs {
    display: flex;
    gap: 0;
    justify-content: center;
}

.gallery-tab {
    background: transparent;
    border: none;
    padding: 1rem 1rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: 300;
    color: var(--metin-acik);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.gallery-tab::after {
    content: '';
    position: absolute;
    bottom: 0.7rem;
    left: 1rem;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: width 0.3s ease;
}

.gallery-tab:hover {
    color: var(--ana-metin-rengi);
}

.gallery-tab.active {
    color: var(--ana-metin-rengi);
    font-weight: 300;
}

.gallery-tab.active::after {
    width: calc(100% - 2rem);
}

/* Tab Content Visibility */
.gallery-tab-content {
    display: none;
}

.gallery-tab-content.active {
    display: block;
}

/* Gallery Content Sections (Sanatçılar, Hakkında, İletişim) */
.gallery-content-section {
    background: #ffffff;
    padding: 3rem 2rem 13rem 2rem;
}

.gallery-content-container {
    max-width: 1200px;
    margin: 0 auto;
}

.gallery-content-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    color: #082d33;
    margin: 0 0 2.5rem 0;
}

.gallery-content-text {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.8;
}

.gallery-content-text p {
    margin-bottom: 1rem;
    color: #333;
    font-size: 1rem;
}

.gallery-content-text p:last-child {
    margin-bottom: 0;
}

/* Gallery Sanatçılar Grid */
.gallery-sanatcilar-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.gallery-sanatci-card {
    border: 1px solid var(--border-acik);
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    background: linear-gradient(to bottom, #eee9df, #ffffff);
}

.gallery-sanatci-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.gallery-sanatci-photo {
    width: 200px;
    height: 200px;
    margin: 0 auto 1.5rem;
    overflow: hidden;
    border: 3px solid var(--border-acik);
}

.gallery-sanatci-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-sanatci-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--ana-metin-rengi);
    margin: 0 0 1rem 0;
}

.gallery-sanatci-btn {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: var(--metin-beyaz);
    background: var(--fiyat-arka-plan);
    padding: 5px 27px;
    text-decoration: none;
    transition: all 0.25s ease;
    border-radius: 0;
    border: none;
}

.gallery-sanatci-btn:hover {
    opacity: 0.9;
}

/* Gallery İlanlar Section */
.gallery-ilanlar-bolumu {
    background: #ffffff;
    padding: 3rem 2rem;
}

.gallery-ilanlar-container {
    max-width: 1200px;
    margin: 0 auto;
}

.gallery-ilanlar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.gallery-ilanlar-baslik {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    color: #082d33;
    margin: 0;
}

.gallery-filters {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.filter-group {
    display: flex;
    align-items: center;
}

.filter-select {
    padding: 12px 40px 12px 20px;
    border: 1px solid #7D5C2C;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    color: #333;
    background-color: #fff;
    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='%237D5C2C' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
    appearance: none;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 200px;
}

.filter-select:hover {
    border-color: #6a4b24;
}

.filter-select:focus {
    outline: none;
    border-color: #6a4b24;
    box-shadow: 0 0 0 2px rgba(125, 92, 44, 0.1);
}

.filter-select option:disabled {
    color: #999;
}

/* Gallery İlanlar Grid */
.gallery-ilanlar-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

/* Gallery Grid içindeki eser kartları için özel stiller */
.gallery-ilanlar-grid .eser-karti {
    width: 100% !important;
    max-width: none !important;
}

/* Responsive - Tablet */
@media (max-width: 1024px) {
    .gallery-ilanlar-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }

    .gallery-ilanlar-grid .eser-karti {
        width: 100% !important;
        max-width: none !important;
    }

    .gallery-sanatcilar-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .gallery-sanatci-card {
        padding: 1.5rem;
    }

    .gallery-sanatci-photo {
        width: 120px;
        height: 120px;
    }

    .gallery-sanatci-btn {
        font-size: 11px;
        padding: 5px 22px;
    }
}

/* Responsive - Mobil */
@media (max-width: 768px) {
    .gallery-showcase {
        padding: 0 1rem 0% 1rem;
        background: linear-gradient(to right, #e8ddd0, #fcfcfc);
    }

    .gallery-hero {
        padding: 40px 0px;
        padding-bottom: 20px;
    }

    .gallery-menus {
        padding: 0 1rem;
    }

    .gallery-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
    }

    .gallery-tab {
        padding: 0.8rem 1.2rem;
        font-size: 1.3rem;
        white-space: nowrap;
    }

    .gallery-tab::after {
        bottom: 0.5rem;
        left: 1.2rem;
    }

    .gallery-tab.active::after {
        width: calc(100% - 2.4rem);
    }

    .gallery-content-section {
        padding: 2rem 1rem;
    }

    .gallery-content-title {
        font-size: 2rem;
    }

    .gallery-content-text p {
        font-size: 0.95rem;
    }

    .gallery-sanatcilar-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .gallery-sanatci-card {
        padding: 1.2rem;
    }

    .gallery-sanatci-photo {
        width: 100px;
        height: 100px;
        margin-bottom: 1rem;
    }

    .gallery-sanatci-name {
        font-size: 1rem;
        margin-bottom: 0.8rem;
    }

    .gallery-sanatci-btn {
        font-size: 11px;
        padding: 4px 18px;
    }
    
    .gallery-hero-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1.5rem;
    }

    .gallery-hero-image {
        width: 150px;
        height: 150px;
    }
    
    .gallery-hero-content {
        align-items: center;
        margin: 0;
    }

    .gallery-hero-name {
        font-size: 2.5rem;
    }

    .gallery-hero-location {
        font-size: 1.2rem;
    }

    .gallery-ilanlar-bolumu {
        padding: 2rem 1rem;
    }

    .gallery-ilanlar-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .gallery-ilanlar-baslik {
        font-size: 1.5rem;
    }

    .gallery-filters {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 1rem;
    }

    .filter-group {
        width: 100%;
    }

    .filter-select {
        width: 100%;
        min-width: auto;
    }

    .gallery-ilanlar-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .gallery-ilanlar-grid .eser-karti {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 480px) {
    .gallery-ilanlar-grid {
        grid-template-columns: 1fr;
    }

    .gallery-ilanlar-grid .eser-karti {
        width: 100% !important;
        max-width: none !important;
    }

    .gallery-sanatcilar-grid {
        grid-template-columns: 1fr;
    }

    .gallery-sanatci-photo {
        width: 120px;
        height: 120px;
    }

    .gallery-sanatci-btn {
        font-size: 11px;
        padding: 4px 18px;
    }
}

/* KAFKA: gallery-page end */

/* ========================================================================= */
/* DOĞRULAMA KODU SAYFASI - Sayfaya Özel Stiller */
/* ========================================================================= */

/* Dogrulama Kodu Showcase Section */
.dogrulama-kodu-showcase {
    background: linear-gradient(to right, #eee9df, #f6f6f6);
    padding: 0 2rem 0% 2rem;
}

.dogrulama-kodu-showcase__container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Dogrulama Form Container */
.dogrulama-form-container {
    max-width: 500px;
    width: 100%;
}

.dogrulama-baslik {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 25px;
    color: var(--ana-metin-rengi);
}

.dogrulama-aciklama {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--metin-acik);
    margin-bottom: 40px;
}

/* Dogrulama Input Group */
.dogrulama-input-group {
    border: 1px solid #7D5C2C;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

.dogrulama-input {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: var(--ana-metin-rengi);
    border: none;
    outline: none;
    background: transparent;
    width: 180px;
    padding: 0;
}

.dogrulama-input::placeholder {
    color: var(--ana-metin-rengi);
    opacity: 1;
}

.dogrulama-separator {
    width: 1px;
    height: 60px;
    background-color: #7D5C2C;
    flex-shrink: 0;
}

.dogrulama-info {
    display: flex;
    flex-direction: column;
    gap: 0px;
    flex: 1;
}

.kodu-tekrar-gonder {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--metin-acik);
}

.kullanici-email {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    color: #999;
}

/* Dogrulama Actions */
.dogrulama-actions {
    display: flex;
    align-items: center;
    gap: 40px;
}

.dogrulama-giris-btn {
    background: var(--ana-metin-rengi);
    color: #fff;
    border: none;
    padding: 15px 60px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dogrulama-giris-btn:hover {
    background: #0a3642;
}

/* Login Form Inputs */
.login-form-inputs {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.login-form-inputs .dogrulama-input {
    width: 100%;
    border: 1px solid #7D5C2C !important;
    padding: 25px 20px !important;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.login-form-inputs .dogrulama-input:focus {
    border-color: #5a421f !important;
    box-shadow: 0 0 0 3px rgba(125, 92, 44, 0.1);
}

/* Login Actions Row */
.login-actions-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.login-actions-row .dogrulama-giris-btn {
    flex: 0 0 auto;
    margin: 0;
}

.sifremi-unuttum-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    color: #7D5C2C;
    text-decoration: underline;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.sifremi-unuttum-link:hover {
    color: #5a421f;
}

/* OR Divider */
.or-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 2rem 0 1.5rem 0;
}

.or-divider::before,
.or-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ddd;
}

.or-divider span {
    padding: 0 1rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    color: #666;
}

/* Social Login Buttons */
.social-login-buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.google-login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #ddd;
    background: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    cursor: pointer;
    transition: all 0.3s ease;
}

.google-login-btn:hover {
    border-color: #4285F4;
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.signup-link-section {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
}

.signup-link-section .uyelik-yok-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    color: #666;
    text-decoration: none;
}

.signup-link-section .uyelik-yok-link strong {
    color: #7D5C2C;
    font-weight: 600;
}

.signup-link-section .uyelik-yok-link:hover strong {
    text-decoration: underline;
}

/* Responsive - Login Page */
@media (max-width: 768px) {
    .login-actions-row {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .login-actions-row .dogrulama-giris-btn {
        width: 100%;
    }

    .sifremi-unuttum-link {
        text-align: center;
    }

    .google-login-btn {
        font-size: 0.95rem;
        padding: 12px 16px;
    }
}

.uyelik-yok-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    color: var(--ana-metin-rengi);
    text-decoration: none;
    white-space: nowrap;
}

.uyelik-yok-link:hover {
    text-decoration: underline;
}

/* Responsive - Mobil */
@media (max-width: 768px) {
    .dogrulama-baslik {
        font-size: 2.5rem;
    }

    .dogrulama-aciklama {
        font-size: 0.9rem;
        margin-bottom: 30px;
    }

    .dogrulama-input-group {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
        align-items: flex-start;
    }

    .dogrulama-separator {
        width: 100%;
        height: 1px;
    }

    .dogrulama-input {
        font-size: 1rem;
        width: 100%;
    }

    .kodu-tekrar-gonder {
        font-size: 0.95rem;
    }

    .kullanici-email {
        font-size: 0.85rem;
    }

    .dogrulama-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .dogrulama-giris-btn {
        width: 100%;
        padding: 12px 40px;
        font-size: 1rem;
    }

    .uyelik-yok-link {
        font-size: 1rem;
    }
}

/* KAFKA: dogrulama-kodu-page end */

/* ========================================================================= */
/* ÜYE OL SAYFASI - Kayıt Sayfası Stilleri */
/* ========================================================================= */

/* Signup Showcase Section */
.signup-showcase {
    background: linear-gradient(to bottom right, #eee9df 20%, #fff 40%);
    padding: 3rem 2rem 6rem 2rem;
}

.signup-showcase__container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Signup Header */
.signup-header {
    text-align: center;
    margin-bottom: 3rem;
}

/* Alert Messages */
.alert {
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
}

.alert-success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.alert-danger {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.alert-warning {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
}

.alert-info {
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
    color: #0c5460;
}

.signup-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 20px;
    color: var(--ana-metin-rengi);
}

.signup-description {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--metin-acik);
    max-width: 700px;
    margin: 0 auto;
}

/* Signup Type Boxes */
.signup-type-boxes {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 3rem;
}

.signup-type-box {
    width: 160px;
    height: 160px;
    border: 1px solid #7D5C2C;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.signup-type-box i {
    font-size: 2.4rem;
    color: var(--ana-metin-rengi);
}

.signup-type-box span {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: var(--ana-metin-rengi);
}

.signup-type-box.active {
    background: var(--ana-metin-rengi);
}

.signup-type-box.active i,
.signup-type-box.active span {
    color: #fff;
}

.signup-type-box:not(.active):hover {
    background: rgba(125, 92, 44, 0.1);
}

/* Signup Form */
.signup-form {
    max-width: 1000px;
    margin: 0 auto;
}

.signup-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
}

.signup-field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.signup-field .text-danger {
    font-size: 0.85rem;
    font-family: 'Montserrat', sans-serif;
    margin-top: -0.5rem;
    padding-left: 5px;
}

.signup-input,
.signup-select {
    width: 100%;
    padding: 25px 20px;
    border: 1px solid #7D5C2C;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: var(--ana-metin-rengi);
    background: transparent;
    outline: none;
    transition: all 0.3s ease;
}

.signup-input::placeholder {
    color: var(--metin-acik);
}

.signup-input:focus,
.signup-select:focus {
    border-color: var(--ana-metin-rengi);
}

.signup-select,
select.signup-input {
    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='%230e2833' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px;
    cursor: pointer;
}

/* Signup Input Group (Phone and ID) */
.signup-input-group {
    display: flex;
    gap: 0;
    border: 1px solid #7D5C2C;
}

.signup-input-group .signup-select {
    border: none;
    border-right: 1px solid #7D5C2C;
    width: auto;
    min-width: 120px;
    padding-right: 40px;
}

.signup-input-group .signup-input {
    border: none;
    flex: 1;
}

/* Signup Checkboxes */
.signup-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.signup-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    color: var(--ana-metin-rengi);
}

.signup-checkbox input[type="checkbox"] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #7D5C2C;
}

.signup-checkbox span {
    flex: 1;
    line-height: 1.5;
}

.signup-checkbox a {
    color: #7D5C2C;
    text-decoration: underline;
}

.signup-checkbox a:hover {
    color: #5a421f;
}

.signup-checkboxes .text-danger {
    font-size: 0.85rem;
    font-family: 'Montserrat', sans-serif;
    padding-left: 28px;
    margin-top: -0.5rem;
}

/* Signup Actions */
.signup-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}

.signup-submit-btn {
    background: var(--ana-metin-rengi);
    color: #fff;
    border: none;
    padding: 15px 70px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

.signup-submit-btn:hover {
    background: #0a3642;
}

.signup-login-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    color: var(--ana-metin-rengi);
    text-decoration: none;
}

.signup-login-link:hover {
    text-decoration: underline;
}

/* Responsive - Tablet */
@media (max-width: 1024px) {
    .signup-type-boxes {
        gap: 1rem;
    }

    .signup-type-box {
        width: 180px;
        height: 160px;
    }

    .signup-type-box i {
        font-size: 2.5rem;
    }
}

/* Responsive - Mobil */
@media (max-width: 768px) {
    .signup-showcase {
        padding: 2rem 1rem 4rem 1rem;
    }

    .signup-title {
        font-size: 2.5rem;
    }

    .signup-description {
        font-size: 0.9rem;
    }

    .signup-type-boxes {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .signup-type-box {
        width: 100%;
        max-width: 350px;
        height: 120px;
        flex-direction: row;
        gap: 1.5rem;
    }

    .signup-type-box i {
        font-size: 2rem;
    }

    .signup-form-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .signup-input-group .signup-select {
        min-width: 100px;
        padding-right: 35px;
    }

    .signup-actions {
        flex-direction: column;
        gap: 1.5rem;
    }

    .signup-submit-btn {
        width: 100%;
        padding: 12px 40px;
    }
}

/* KAFKA: signup-page end */

/* ========================================================================= */
/* İLETİŞİM SAYFASI - İletişim Formu Stilleri */
/* ========================================================================= */

/* Contact Showcase Section */
.contact-showcase {
    background: linear-gradient(to bottom right, #eee9df 20%, #fff 40%);
    padding-bottom: 6rem;
}

/* Contact Title Section - Full Width Background */
.contact-title-section {
    background: linear-gradient(to right, #eee9df 20%, #f6f6f6 40%);
    padding: 4rem 2rem;
    text-align: center;
    margin-bottom: 3rem;
}

.contact-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    color: var(--ana-metin-rengi);
}

.contact-showcase__container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Contact Header */
.contact-header {
    text-align: center;
    margin-bottom: 3rem;
}

.contact-subtitle {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
    color: var(--ana-metin-rengi);
}

/* Contact Form */
.contact-form {
    max-width: 1000px;
    margin: 0 auto;
}

.contact-form-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.contact-input,
.contact-select,
.contact-textarea {
    width: 100%;
    padding: 25px 20px;
    border: 1px solid #7D5C2C;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: var(--ana-metin-rengi);
    background: transparent;
    outline: none;
    transition: all 0.3s ease;
}

.contact-input::placeholder,
.contact-textarea::placeholder {
    color: var(--metin-acik);
}

.contact-input:focus,
.contact-select:focus,
.contact-textarea:focus {
    border-color: var(--ana-metin-rengi);
}

.contact-select,
select.contact-input {
    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='%230e2833' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px;
    cursor: pointer;
}

/* Contact Input Group (Phone) */
.contact-input-group {
    display: flex;
    gap: 0;
    border: 1px solid #7D5C2C;
}

.contact-input-group .contact-select {
    border: none;
    border-right: 1px solid #7D5C2C;
    width: auto;
    min-width: 90px;
    padding-right: 40px;
}

.contact-input-group .contact-input {
    border: none;
    flex: 1;
}

/* Contact Textarea */
.contact-textarea {
    resize: vertical;
    min-height: 200px;
    margin-bottom: 2rem;
}

/* Contact Actions */
.contact-actions {
    display: flex;
    justify-content: center;
}

.contact-submit-btn {
    background: var(--ana-metin-rengi);
    color: #fff;
    border: none;
    padding: 15px 70px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

.contact-submit-btn:hover {
    background: #0a3642;
}

/* Responsive - Tablet */
@media (max-width: 1024px) and (min-width: 769px) {
    .contact-form-row {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    
    .contact-input-group {
        grid-column: span 2;
    }
}

/* Responsive - Mobil */
@media (max-width: 768px) {
    .contact-showcase {
        padding-bottom: 4rem;
    }

    .contact-title-section {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .contact-title {
        font-size: 2.5rem;
    }

    .contact-showcase__container {
        padding: 0 1rem;
    }

    .contact-subtitle {
        font-size: 1.8rem;
    }

    .contact-form-row {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .contact-input-group {
        width: 100%;
    }

    .contact-input-group .contact-select {
        min-width: 100px;
        padding-right: 35px;
    }

    .contact-submit-btn {
        width: 100%;
        padding: 12px 40px;
    }
}

/* KAFKA: contact-page end */


/* KAFKA: kurumsal-page start */

/* Kurumsal Showcase Section */
.kurumsal-showcase {
    background: linear-gradient(to bottom right, #eee9df 20%, #fff 40%);
    padding-bottom: 6rem;
}

/* Kurumsal Title Section - Full Width Background */
.kurumsal-title-section {
    background: linear-gradient(to right, #eee9df 20%, #f6f6f6 40%);
    padding: 4rem 2rem;
    text-align: center;
    margin-bottom: 3rem;
}

.kurumsal-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    color: var(--ana-metin-rengi);
}

.kurumsal-showcase__container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Kurumsal Content - Two Column Layout */
.kurumsal-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.kurumsal-text h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: var(--ana-metin-rengi);
}

.kurumsal-text p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    color: var(--ana-metin-rengi);
}

.kurumsal-image {
    position: sticky;
    top: 2rem;
}

.kurumsal-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Responsive - Tablet */
@media (max-width: 1024px) {
    .kurumsal-content {
        gap: 3rem;
    }
}

/* Responsive - Mobil */
@media (max-width: 768px) {
    .kurumsal-showcase {
        padding-bottom: 4rem;
    }

    .kurumsal-title-section {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }

    .kurumsal-title {
        font-size: 2.5rem;
    }

    .kurumsal-showcase__container {
        padding: 0 1rem;
    }

    .kurumsal-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .kurumsal-text h2 {
        font-size: 2rem;
    }

    .kurumsal-image {
        position: static;
        order: -1;
    }
}

/* ============================================================================
   YASAL SAYFALAR (Legal Pages) - KVKK, Çerez, Mesafeli Satış, Kullanım Koşulları
   ============================================================================ */

.legal-showcase__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 20px;
}

.legal-content {
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.legal-text {
    line-height: 1.8;
    color: #333;
}

.legal-text h2 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    color: #222;
}

.legal-text h3 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.legal-text h4 {
    margin-top: 16px;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #444;
}

.legal-text p {
    margin-bottom: 15px;
    font-size: 15px;
}

.legal-text ul, .legal-text ol {
    margin-left: 30px;
    margin-bottom: 15px;
}

.legal-text li {
    margin-bottom: 8px;
}

.legal-text strong {
    font-weight: 600;
    color: #222;
}

.legal-text a {
    color: #0066cc;
    text-decoration: underline;
}

.legal-text a:hover {
    color: #0052a3;
}

.legal-text .definitions-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.legal-text .definitions-table td {
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    vertical-align: top;
    font-size: 15px;
}

.legal-text .definitions-table td:first-child {
    width: 30%;
    background-color: #f8f9fa;
    font-weight: 600;
}

/* Responsive - Mobil */
@media (max-width: 768px) {
    .legal-showcase__container {
        padding: 40px 15px;
    }

    .legal-content {
        padding: 25px 20px;
    }

    .legal-text h2 {
        font-size: 20px;
    }

    .legal-text h3 {
        font-size: 18px;
    }

    .legal-text h4 {
        font-size: 16px;
    }

    .legal-text p {
        font-size: 14px;
    }
}

/* KAFKA: kurumsal-page end */

/* ========================================================================= */
/* ESERLER LİSTE SAYFASI */
/* ========================================================================= */

.eserler-liste-sayfa {
    background: linear-gradient(to bottom right, #eee9df 20%, #fff 40%);
    min-height: calc(100vh - 200px);
    padding: 60px 0;
}

.eserler-container-full {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

/* Sayfa Başlığı */
.eserler-baslik-bolumu {
    text-align: center;
    margin-bottom: 50px;
}

.eserler-ana-baslik {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3.5rem;
    font-weight: 300;
    color: var(--ana-metin-rengi);
    margin-bottom: 15px;
}

.eserler-aciklama {
    font-size: 1.1rem;
    color: var(--metin-acik);
    font-weight: 300;
}

/* Filtre Bölümü */
.filtre-bolumu {
    background: #fafafa4f;
    border: 1px solid var(--border-acik);
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 40px;
}

.filtre-formu {
    width: 100%;
}

.filtre-satiri {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr auto;
    gap: 20px;
    align-items: end;
}

.filtre-grup {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filtre-label {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--ana-metin-rengi);
}

.filtre-input,
.filtre-select {
    padding: 12px 15px;
    border: 1px solid var(--border-orta);
    border-radius: 4px;
    font-size: 0.9rem;
    font-family: 'Montserrat', sans-serif;
    background-color: var(--arka-plan-beyaz);
    color: var(--ana-metin-rengi);
    transition: border-color 0.3s;
}

.filtre-input:focus,
.filtre-select:focus {
    outline: none;
    border-color: var(--vurgu-rengi);
}

.filtre-buton-grup {
    display: flex;
    gap: 10px;
}

.filtre-uygula-btn,
.filtre-temizle-btn {
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    text-decoration: none;
}

.filtre-uygula-btn {
    background-color: var(--vurgu-rengi);
    color: white;
    border: none;
}

.filtre-uygula-btn:hover {
    background-color: var(--vurgu-koyu);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(14, 40, 51, 0.2);
}

.filtre-temizle-btn {
    background-color: transparent;
    color: var(--metin-acik);
    border: 1px solid var(--border-orta);
}

.filtre-temizle-btn:hover {
    background-color: var(--hover-orta);
    border-color: var(--ana-metin-rengi);
    color: var(--ana-metin-rengi);
}

/* Sonuç Bilgisi */
.sonuc-bilgisi {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--border-acik);
}

.sonuc-bilgisi p {
    font-size: 0.95rem;
    color: var(--metin-acik);
}

.sonuc-bilgisi strong {
    color: var(--ana-metin-rengi);
    font-weight: 600;
}

/* Eserler Grid */
.eserler-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

/* Eser Kartı - Liste Sayfası İçin Özel */
.eserler-grid .eser-karti {
    background: transparent;
    transition: transform 0.25s ease;
    cursor: pointer;
    width: auto !important; /* Grid zaten width'i hallediyor, carousel width'ini override et */
    flex-shrink: initial; /* Carousel flex ayarını iptal et */
    padding-bottom: 0; /* Carousel padding'i iptal et */
}

.eserler-grid .eser-karti:hover {
    transform: translateY(-5px);
}

.eserler-grid .eser-gorsel {
    width: 100%;
    aspect-ratio: 278 / 410;
    overflow: hidden;
    background-color: var(--kart-arka-plan);
    position: relative;
}

.eserler-grid .eser-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.eserler-grid .eser-karti:hover .eser-gorsel img {
    transform: scale(1.05);
}

.eserler-grid .eser-bilgi {
    background-color: var(--arka-plan-beyaz);
    padding: 15px;
    margin-top: -80px;
    position: relative;
    z-index: 2;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    min-height: 140px;
}

.eserler-grid .favori-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10;
}

.eserler-grid .favori-btn .material-symbols-outlined {
    font-size: 24px;
    color: var(--metin-cok-acik);
    transition: color 0.3s;
}

.eserler-grid .favori-btn:hover .material-symbols-outlined,
.eserler-grid .favori-btn.active .material-symbols-outlined {
    color: var(--favori-rengi);
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.eserler-grid .sanatci-adi {
    font-size: 1rem;
    font-weight: 600;
    color: var(--ana-metin-rengi);
    margin-bottom: 5px;
}

.eserler-grid .eser-adi {
    font-size: 0.85rem;
    color: var(--metin-acik);
    font-style: italic;
    margin-bottom: 8px;
}

.eserler-grid .eser-detay {
    font-size: 0.8rem;
    color: var(--metin-cok-acik);
    margin-bottom: 12px;
    min-height: 35px;
}

.eserler-grid .eser-alt-bilgi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.eserler-grid .eser-fiyat {
    background-color: var(--fiyat-arka-plan);
    color: white;
    padding: 6px 20px;
    font-size: 0.75rem;
    font-weight: 500;
}

.eserler-grid .incele-btn {
    color: var(--ana-metin-rengi);
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 12px;
    transition: color 0.3s;
}

.eserler-grid .incele-btn:hover {
    color: var(--vurgu-rengi);
}

/* Boş Sonuç */
.bos-sonuc {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
}

.bos-sonuc h3 {
    font-size: 1.5rem;
    color: var(--ana-metin-rengi);
    margin-bottom: 10px;
}

.bos-sonuc p {
    font-size: 1rem;
    color: var(--metin-acik);
}

/* Sayfalama */
.sayfalama {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.sayfalama-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sayfa-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--border-orta);
    background-color: var(--arka-plan-beyaz);
    color: var(--ana-metin-rengi);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s;
}

.sayfa-link:hover:not(.disabled):not(.active) {
    background-color: var(--hover-orta);
    border-color: var(--ana-metin-rengi);
}

.sayfa-link.active {
    background-color: var(--vurgu-rengi);
    color: white;
    border-color: var(--vurgu-rengi);
}

.sayfa-link.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.sayfa-dots {
    padding: 0 8px;
    color: var(--metin-acik);
}

/* Responsive - Tablet */
@media (max-width: 1200px) {
    .eserler-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .eserler-grid .eser-karti {
        width: auto !important; /* Grid width'i korumalıyız */
    }

    .eserler-grid .eser-bilgi {
        min-height: 145px; /* Tablet'te biraz daha yüksek */
    }

    .filtre-satiri {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .filtre-buton-grup {
        grid-column: 1 / -1;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .eserler-container-full {
        padding: 0 20px;
    }

    .eserler-ana-baslik {
        font-size: 2.5rem;
    }

    .eserler-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .eserler-grid .eser-karti {
        width: auto !important; /* Grid width'i korumalıyız */
    }

    .eserler-grid .eser-bilgi {
        min-height: 150px; /* Mobilde biraz daha yüksek */
        padding: 12px;
    }

    .eserler-grid .sanatci-adi {
        font-size: 0.9rem;
    }

    .eserler-grid .eser-adi {
        font-size: 0.8rem;
    }

    .eserler-grid .eser-detay {
        font-size: 0.75rem;
        min-height: 40px;
    }

    .filtre-bolumu {
        padding: 20px;
    }

    .filtre-satiri {
        grid-template-columns: 1fr;
    }

    .filtre-buton-grup {
        flex-direction: column;
    }

    .filtre-uygula-btn,
    .filtre-temizle-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .eserler-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .eserler-grid .eser-karti {
        width: auto !important; /* Grid width'i korumalıyız */
        max-width: 100%;
    }

    .eserler-grid .eser-bilgi {
        min-height: 160px; /* Tek sütunda daha rahat */
        width: 85%; /* Biraz daha dar */
    }

    .eserler-grid .sanatci-adi {
        font-size: 1rem;
    }

    .eserler-grid .eser-adi {
        font-size: 0.85rem;
    }

    .eserler-grid .eser-detay {
        font-size: 0.8rem;
        min-height: 45px;
    }

    .eserler-ana-baslik {
        font-size: 2rem;
    }

    .eserler-aciklama {
        font-size: 0.95rem;
    }
}

/* KAFKA: eserler-liste-page end */