.elementor-4649 .elementor-element.elementor-element-cca0492{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4649 .elementor-element.elementor-element-1e17a59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4649 .elementor-element.elementor-element-d5d6884{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-cca0492 *//* ==========================================
   ÜST SINIF SPATIAL MİMARİ - NİHAİ CSS
========================================== */

/* 1. KÖK DEĞİŞKENLER (AKILLI RESPONSIVE YAPISI) */

body.kadim-gallery-transition{

    overflow:hidden;

}

.elementor-4649 .elementor-element.elementor-element-cca0492 { 
    overflow: visible !important; 
    
    --astra-menu-offset: 140px;
    
    /* Clamp: clamp(En Küçük Boyut, Tercih Edilen Esneme, En Büyük Boyut) */
    --title-size: clamp(2.5rem, 5vw, 5.5rem); 
    --desc-size: clamp(1.1rem, 2vw, 1.8rem);
    --icon-size: clamp(70px, 8vw, 100px);
    
    /* Akıllı Boşluklar (Mobilde dar, Masaüstünde geniş padding) */
    --card-padding: clamp(30px, 5vw, 80px) clamp(20px, 4vw, 50px);
    --card-width: min(90%, 1100px); /* Maksimum 1100px, ekrana sığmazsa %90 */
}

/* 2. ZEMİN VE CANVAS */
.elementor-4649 .elementor-element.elementor-element-cca0492 .kadim-scroll-track { background: transparent !important; position: relative; width: 100%; height: 600vh !important; }
.elementor-4649 .elementor-element.elementor-element-cca0492 .kadim-sticky-hero {
    position: sticky; top: var(--astra-menu-offset) !important; width: 100%; height: calc(100vh - var(--astra-menu-offset));
    display: flex !important; align-items: center; justify-content: center;
    perspective: 2500px; transform-style: preserve-3d; overflow: hidden !important; z-index: 10;
}
.elementor-4649 .elementor-element.elementor-element-cca0492 #story-canvas { 
    mix-blend-mode: screen !important; position: absolute; inset: 0; 
    width: 100%; height: 100%; object-fit: cover; z-index: 5 !important; 
}

/* 3. ATMOSFER VE IŞIKLAR */
.elementor-4649 .elementor-element.elementor-element-cca0492 .atmosphere-layer {
    position: absolute; inset: -20%; z-index: 1; pointer-events: none;
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0.4), transparent 70%) !important;
    filter: blur(100px) !important;
}
.elementor-4649 .elementor-element.elementor-element-cca0492 .light-orb {
    position: absolute; width: 50vw; height: 50vw; max-width: 600px; max-height: 600px; border-radius: 50%;
    filter: blur(80px) !important; mix-blend-mode: screen; z-index: 2; pointer-events: none;
    will-change: transform, opacity; /* Animasyon performansı için */
}
.elementor-4649 .elementor-element.elementor-element-cca0492 .orb1 { background: rgba(255, 193, 54, 0.2) !important; top: 15%; left: 15%; }
.elementor-4649 .elementor-element.elementor-element-cca0492 .orb2 { background: rgba(180, 110, 70, 0.15) !important; bottom: 15%; right: 15%; }

/* 4. ARTIFACTS (Uçuşan Parçacıklar) - JS İÇİN ÖZGÜRLEŞTİRİLDİ */
.elementor-4649 .elementor-element.elementor-element-cca0492 .artifact {
    position: absolute; 
    width: clamp(80px, 10vw, 150px); 
    height: clamp(80px, 10vw, 150px);
    background: radial-gradient(circle, rgba(255, 193, 54, 0.6), transparent 70%) !important;
    border-radius: 50%; 
    z-index: 10; 
    pointer-events: none;
    will-change: transform, filter, opacity; /* Performans optimizasyonu */
}
.elementor-4649 .elementor-element.elementor-element-cca0492 .a1 { top: -10%; left: -5%; transform: translateZ(-60px); }
.elementor-4649 .elementor-element.elementor-element-cca0492 .a2 { bottom: -10%; right: -5%; transform: translateZ(60px); }
.elementor-4649 .elementor-element.elementor-element-cca0492 .a3 { top: 50%; left: 50%; transform: translateZ(0); opacity: 0.8 !important; }

/* 5. CAM KART (GLASS PANEL) */
.elementor-4649 .elementor-element.elementor-element-cca0492 .scene-card {
    position: absolute; transform-style: preserve-3d; z-index: 50 !important;
    width: var(--card-width) !important; 
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    opacity: 0; will-change: transform, opacity;
}
.elementor-4649 .elementor-element.elementor-element-cca0492 .glass-panel {
    width: 100%; padding: var(--card-padding) !important; 
    background: rgba(10, 10, 10, 0.65) !important; 
    backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important;
    border: 1px solid rgba(255, 193, 54, 0.3) !important; border-radius: 30px !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.8) !important;
    text-align: center; transform-style: preserve-3d;
}

/* 6. ZARİF YAZI MİMARİSİ */
.elementor-4649 .elementor-element.elementor-element-cca0492 .scene-icon svg { width: var(--icon-size) !important; height: var(--icon-size) !important; filter: drop-shadow(0 0 30px rgba(255,193,54,0.6)); margin-bottom: 20px; }

.elementor-4649 .elementor-element.elementor-element-cca0492 .title-stack { position: relative; transform-style: preserve-3d; margin-bottom: 30px !important; display: flex; justify-content: center; align-items: center; width: 100%; }

.elementor-4649 .elementor-element.elementor-element-cca0492 .title-back, .elementor-4649 .elementor-element.elementor-element-cca0492 .title-main, .elementor-4649 .elementor-element.elementor-element-cca0492 .title-front {
    position: absolute; font-family: 'Playfair Display', serif !important; 
    font-size: var(--title-size) !important; line-height: 1.2 !important; 
    text-align: center; width: 100%; white-space: normal !important; word-wrap: break-word;
}

.elementor-4649 .elementor-element.elementor-element-cca0492 .title-back { transform: translateZ(-30px); opacity: 0.15; color: #ffc136 !important; }
.elementor-4649 .elementor-element.elementor-element-cca0492 .title-main { transform: translateZ(0); font-weight: 700 !important; color: #ffffff !important; text-shadow: 0 0 20px rgba(255,193,54,0.6) !important; position: relative; }
.elementor-4649 .elementor-element.elementor-element-cca0492 .title-front { transform: translateZ(30px); opacity: 0.4; color: #ffffff !important; }

.elementor-4649 .elementor-element.elementor-element-cca0492 .kadim-desc { 
    color: #e0e0e0 !important; font-size: var(--desc-size) !important; 
    font-family: 'Poppins', sans-serif !important; 
    transform: translateZ(40px); font-weight: 300 !important; line-height: 1.5 !important;
}

/* ==================================================
   KADIM DIGITAL GALLERY
   ================================================== */
   
   .kadim-galeri-wrapper{
    width:100%;
    position:relative;
    background:#000;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.6);
    margin:20px auto;
    aspect-ratio:16/9;
    max-height:96vh;
    max-width:1200px;
}

.kadim-galeri-wrapper iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}

.kadim-loading-bar{
    position:absolute;
    bottom:0;
    left:0;
    height:3px;
    width:0;
    background:linear-gradient(
        90deg,
        #d4b88a,
        #fff8e7,
        #d4b88a
    );
    animation:fill 3s ease-out forwards;
    z-index:5;
}

@keyframes fill{
    to{
        width:100%;
    }
}

.kadim-rotate-overlay{
    display:none;
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.75);
    z-index:999;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    padding:20px;
    color:#fff;
}

.kadim-transition-overlay{

    position:fixed;
    inset:0;

    z-index:99999;

    display:flex;
    flex-direction:column;

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

    background:rgba(0,0,0,.92);

    backdrop-filter:blur(24px);

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    transition:
        opacity 1.4s ease,
        visibility 1.4s ease;

}

body.kadim-gallery-transition .kadim-transition-overlay{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}

body.kadim-gallery-ready .kadim-transition-overlay{

    opacity:0;

    visibility:hidden;

    pointer-events:none;

}

.kadim-transition-video{

    width:960px;

    max-width:none;

    flex:none;

    height:auto;

    object-fit:contain;

    pointer-events:none;

}

.kadim-transition-text{

    margin-top:28px;

    color:#d4b88a;

    font-size:13px;

    letter-spacing:.25em;

    text-transform:uppercase;

    text-align:center;

}

@media (max-width:768px){

    .kadim-transition-video{

        width:65vw;

        max-width:none;

    }

    .kadim-transition-text{

        font-size:11px;

        letter-spacing:.12em;

        line-height:1.6;

        padding:0 24px;

    }

}/* End custom CSS */