.elementor-kit-9{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#000000;--e-global-color-text:#FFFFFF;--e-global-color-accent:#1A6D5D;--e-global-color-76c2a4c:#003A5F;--e-global-color-3004ba3:#BA5858;--e-global-color-41f840f:#EBEAD0;--e-global-color-c2ec188:#ECEEEE;--e-global-color-10c98f8:#080808;--e-global-color-48019f4:#FF6A13;--e-global-color-095459b:#333F48;--e-global-color-3e357b1:#FAF9EE;--e-global-color-c0fcb3c:#EBEAD0;--e-global-color-d8dd665:#E8EAEA;--e-global-color-d6431da:#FFFCE1;--e-global-color-2143f76:#FE5000;--e-global-color-91a6c6a:#333F49;--e-global-color-b5736af:#333333;--e-global-color-12736a1:#4EBE7E;--e-global-color-4f0b787:#E9E3DD;--e-global-color-d339e7e:#1C244B;--e-global-color-9af24e4:#62666D;--e-global-color-5097012:#D3D3D3;--e-global-color-f8bde81:#D6D6D6;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{font-family:"Poppins", Sans-serif;}.elementor-kit-9 h1{font-family:"Poppins", Sans-serif;}.elementor-kit-9 h2{font-family:"Poppins", Sans-serif;}.elementor-kit-9 h4{font-family:"Poppins", Sans-serif;}.elementor-kit-9 h5{font-family:"Poppins", Sans-serif;}.elementor-kit-9 h6{font-family:"Poppins", Sans-serif;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-family:"Poppins", Sans-serif;}.elementor-kit-9 label{font-family:"Poppins", Sans-serif;}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Poppins Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Form Font */
.elementor-form {
    font-family: 'Poppins', sans-serif !important;
}

/* Form Başlıkları Belirgin */
.elementor-field-group-exterior_color .elementor-field-label,
.elementor-field-group-interior_color .elementor-field-label,
.elementor-field-group-window_color .elementor-field-label,
.elementor-field-group-floor_color .elementor-field-label {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #ecf0f1 !important;
}

/* Radio Button Gizle */
.elementor-field-group-exterior_color input[type="radio"],
.elementor-field-group-interior_color input[type="radio"],
.elementor-field-group-window_color input[type="radio"],
.elementor-field-group-floor_color input[type="radio"] {
    display: none !important;
}

/* Genel Radio Button Styling */
.elementor-field-group-exterior_color .elementor-field-option,
.elementor-field-group-interior_color .elementor-field-option,
.elementor-field-group-window_color .elementor-field-option,
.elementor-field-group-floor_color .elementor-field-option {
    display: flex !important;
    align-items: center !important;
    padding: 15px !important;
    border: 3px solid #e8ecf4 !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background: white !important;
    position: relative !important;
}

.elementor-field-group-exterior_color .elementor-field-option:hover,
.elementor-field-group-interior_color .elementor-field-option:hover,
.elementor-field-group-window_color .elementor-field-option:hover,
.elementor-field-group-floor_color .elementor-field-option:hover {
    border-color: #3498db !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.2) !important;
}

/* Seçili Durum */
.elementor-field-group-exterior_color .elementor-field-option input:checked + label,
.elementor-field-group-interior_color .elementor-field-option input:checked + label,
.elementor-field-group-window_color .elementor-field-option input:checked + label,
.elementor-field-group-floor_color .elementor-field-option input:checked + label {
    color: #3498db !important;
    font-weight: 600 !important;
}

.elementor-field-group-exterior_color .elementor-field-option:has(input:checked),
.elementor-field-group-interior_color .elementor-field-option:has(input:checked),
.elementor-field-group-window_color .elementor-field-option:has(input:checked),
.elementor-field-group-floor_color .elementor-field-option:has(input:checked) {
    border-color: #3498db !important;
    background: #f8fdff !important;
}

/* Grid Layout - Eşit Aralıklı */
.elementor-field-group-exterior_color .elementor-field-subgroup {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 15px !important;
}

.elementor-field-group-interior_color .elementor-field-subgroup,
.elementor-field-group-window_color .elementor-field-subgroup {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 15px !important;
}

.elementor-field-group-floor_color .elementor-field-subgroup {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 20px !important;
}

/* Dış Cephe Renk Kutuları - Eşit Boyut */
.elementor-field-group-exterior_color .elementor-field-option:before { 
    content: ""; 
    width: 40px; 
    height: 40px; 
    border-radius: 8px; 
    margin-right: 15px; 
    border: 2px solid #ddd; 
    flex-shrink: 0;
}

.elementor-field-group-exterior_color .elementor-field-option:nth-child(1):before { background: #D0B084; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(2):before { background: #F75D00; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(3):before { background: #A72B26; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(4):before { background: #703931; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(5):before { background: #1F3A93; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(6):before { background: #1E5945; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(7):before { background: #61993B; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(8):before { background: #9DA3A6; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(9):before { background: #756F61; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(10):before { background: #383E42; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(11):before { background: #C7C7C2; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(12):before { background: #4E5754; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(13):before { background: #A1A1A0; }
.elementor-field-group-exterior_color .elementor-field-option:nth-child(14):before { background: #F1F0EA; border-color: #ccc; }

/* İç Duvar Renk Kutusu */
.elementor-field-group-interior_color .elementor-field-option:before { 
    content: ""; 
    width: 40px; 
    height: 40px; 
    background: #E8E6E1; 
    border-radius: 8px; 
    margin-right: 15px; 
    border: 2px solid #ddd; 
    flex-shrink: 0;
}

/* Pencere Renk Kutuları */
.elementor-field-group-window_color .elementor-field-option:before { 
    content: ""; 
    width: 40px; 
    height: 40px; 
    border-radius: 8px; 
    margin-right: 15px; 
    border: 2px solid #ddd; 
    flex-shrink: 0;
}

.elementor-field-group-window_color .elementor-field-option:nth-child(1):before { background: #808080; }
.elementor-field-group-window_color .elementor-field-option:nth-child(2):before { background: #FFFFFF; border-color: #ccc; }
.elementor-field-group-window_color .elementor-field-option:nth-child(3):before { background: #8B7355; }

/* Zemin Seçenekleri - Gerçek Görseller */
.elementor-field-group-floor_color .elementor-field-option:before { 
    content: ""; 
    width: 60px; 
    height: 60px; 
    border-radius: 8px; 
    margin-right: 15px; 
    border: 2px solid #ddd; 
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
}

.elementor-field-group-floor_color .elementor-field-option:nth-child(1):before { 
    background-image: url('http://www.foldyhouse.com.tr/wp-content/uploads/2025/07/ca-12-s.jpg'); 
}

.elementor-field-group-floor_color .elementor-field-option:nth-child(2):before { 
    background-image: url('http://www.foldyhouse.com.tr/wp-content/uploads/2025/07/gra-10-s.jpg'); 
}

.elementor-field-group-floor_color .elementor-field-option:nth-child(3):before { 
    background-image: url('http://www.foldyhouse.com.tr/wp-content/uploads/2025/07/ca-11-s.jpg'); 
}

/* Form Button Styling */
.elementor-form .elementor-button {
    background: linear-gradient(135deg, #fe5000, #fe5000) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 18px 30px !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    transition: all 0.3s ease !important;
    margin-top: 30px !important;
}

.elementor-form .elementor-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(46, 204, 113, 0.3) !important;
    background: linear-gradient(135deg, #2ecc71, #27ae60) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .elementor-field-group-exterior_color .elementor-field-subgroup {
        grid-template-columns: 1fr !important;
    }
    
    .elementor-field-group-interior_color .elementor-field-subgroup,
    .elementor-field-group-window_color .elementor-field-subgroup,
    .elementor-field-group-floor_color .elementor-field-subgroup {
        grid-template-columns: 1fr !important;
    }
    
    .elementor-field-group-exterior_color .elementor-field-option,
    .elementor-field-group-interior_color .elementor-field-option,
    .elementor-field-group-window_color .elementor-field-option,
    .elementor-field-group-floor_color .elementor-field-option {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 480px) {
    .elementor-field-group-exterior_color .elementor-field-option:before,
    .elementor-field-group-interior_color .elementor-field-option:before,
    .elementor-field-group-window_color .elementor-field-option:before {
        width: 35px !important;
        height: 35px !important;
        margin-right: 12px !important;
    }
    
    .elementor-field-group-floor_color .elementor-field-option:before {
        width: 50px !important;
        height: 50px !important;
        margin-right: 12px !important;
    }
}

/* REM biriminin temelini responsive hale getir */
html {
    font-size: 16px; /* Desktop - 1rem = 16px */
}

/* Tablet için (1024px ve altı) */
@media (max-width: 1024px) {
    html {
        font-size: 15px; /* 1rem = 15px */
    }
}

/* Mobil için (768px ve altı) */
@media (max-width: 768px) {
    html {
        font-size: 14px; /* 1rem = 14px */
    }
}

/* Küçük mobil için (480px ve altı) */
@media (max-width: 480px) {
    html {
        font-size: 13px; /* 1rem = 13px */
    }
}

/* Ekstra küçük mobil için (360px ve altı) */
@media (max-width: 360px) {
    html {
        font-size: 12px; /* 1rem = 12px */
    }
}

/* H ETİKETLERİ - Kullandığınız değerler için optimize edildi */

/* H1 - 4rem, ağırlık 800 için */
.elementor-widget-heading h1,
.elementor-heading-title.elementor-size-default h1 {
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.2;
}

/* H2 - 3rem, ağırlık 700 için */
.elementor-widget-heading h2,
.elementor-heading-title.elementor-size-default h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.3;
}

/* H3 - 2.25rem, ağırlık 600 için */
.elementor-widget-heading h3,
.elementor-heading-title.elementor-size-default h3 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.4;
}

/* H4 - 1.5rem, ağırlık 500 için */
.elementor-widget-heading h4,
.elementor-heading-title.elementor-size-default h4 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
}

/* P ETİKETLERİ - Farklı boyutlar için sınıflar */

/* Büyük paragraf - 1.5rem */
.elementor-widget-text-editor p.large-text,
.large-text {
    font-size: 1.5rem;
    line-height: 1.6;
}

/* Orta büyük paragraf - 1.125rem */
.elementor-widget-text-editor p.medium-large-text,
.medium-large-text {
    font-size: 1.125rem;
    line-height: 1.6;
}

/* Orta büyük-2 paragraf - 1.1rem */
.elementor-widget-text-editor p.medium-text-alt,
.medium-text-alt {
    font-size: 1.1rem;
    line-height: 1.6;
}

/* Normal paragraf - 1rem */
.elementor-widget-text-editor p,
.elementor-text-editor p {
    font-size: 1rem;
    line-height: 1.6;
}

/* Orta paragraf - 0.9375rem */
.elementor-widget-text-editor p.medium-small-text,
.medium-small-text {
    font-size: 0.9375rem;
    line-height: 1.6;
}

/* Küçük orta paragraf - 0.875rem */
.elementor-widget-text-editor p.small-medium-text,
.small-medium-text {
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Küçük paragraf - 0.75rem */
.elementor-widget-text-editor p.small-text,
.small-text {
    font-size: 0.75rem;
    line-height: 1.5;
}

/* MOBİL ÖZEL AYARLAR - Çok küçük ekranlarda okunabilirlik için minimum boyutlar */
@media (max-width: 480px) {
    
    .elementor-widget-heading h1,
    .elementor-heading-title.elementor-size-default h1 {
        font-size: clamp(2.5rem, 8vw, 4rem);
        font-weight: 800;
    }
    
    .elementor-widget-heading h2,
    .elementor-heading-title.elementor-size-default h2 {
        font-size: clamp(2rem, 6vw, 3rem);
        font-weight: 700;
    }
    
    .elementor-widget-heading h3,
    .elementor-heading-title.elementor-size-default h3 {
        font-size: clamp(1.5rem, 5vw, 2.25rem);
        font-weight: 600;
    }
    
    .elementor-widget-heading h4,
    .elementor-heading-title.elementor-size-default h4 {
        font-size: clamp(1.2rem, 4vw, 1.5rem);
        font-weight: 500;
    }
    
    /* Paragraflar için minimum boyut koruması */
    .elementor-widget-text-editor p.small-text,
    .small-text {
        font-size: clamp(0.75rem, 3vw, 0.9rem);
    }
}

/* ELEMENTOR WIDGET'LARI İÇİN GENEL İYİLEŞTİRMELER */
.elementor-widget-heading .elementor-heading-title {
    margin-bottom: 0.5em;
}

.elementor-widget-text-editor {
    word-wrap: break-word;
}

/* Container genişlikleri için responsive ayar */
.elementor-section .elementor-container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 768px) {
    .elementor-section .elementor-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}/* End custom CSS */