/* --- YENİ EKLENEN KAYMA AYARLARI --- */
html {
    scroll-behavior: smooth !important; /* Kaymanın her cihazda çalışması için zorladık */
}

#kesif-formu {
    scroll-margin-top: 120px !important; /* Menü payını biraz artırdım ki başlık tam görünsün */
}
/* ---------------------------------- */

/* Sadece TechStore Formu Alanı */
.custom-tech-form {
    font-family: 'Poppins', sans-serif;
}

/* Satır ve Sütun Yapısı */
.custom-tech-form .form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.custom-tech-form .form-column {
    flex: 1;
}

/* Tam Genişlikte Satır (E-posta ve Mesaj için) */
.custom-tech-form .form-full-row {
    margin-bottom: 20px;
}

.custom-tech-form label {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #333;
    margin-bottom: 8px;
    text-transform: uppercase;
}

/* GİRİŞ KUTULARI (Hatasız ve Beyaz Arka Plan) */
.custom-tech-form input[type="text"],
.custom-tech-form input[type="tel"],
.custom-tech-form input[type="email"],
.custom-tech-form select,
.custom-tech-form textarea {
    width: 100% !important;
    height: 45px !important;
    padding: 0 15px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition: 0.3s all ease;
}

.custom-tech-form textarea {
    padding-top: 12px !important;
    height: auto !important;
    min-height: 100px;
    resize: none !important;
}

/* ODAKLANMA EFEKTİ */
.custom-tech-form input:focus, 
.custom-tech-form select:focus, 
.custom-tech-form textarea:focus {
    border-color: #8054B3 !important;
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(128, 84, 179, 0.15) !important;
}

/* GÖNDER BUTONU */
.custom-tech-form .form-button-row input[type="submit"] {
    background-color: #8054B3 !important;
    color: #fff !important;
    height: 45px !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: 0.3s all ease !important;
    text-transform: none !important;
}

/* Hover Efekti */
.custom-tech-form .form-button-row input[type="submit"]:hover {
    background-color: #6a4496 !important;
    transform: translateY(-1px);
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .custom-tech-form .form-row {
        flex-direction: column;
        gap: 20px;
    }
}

/* Header Gizleme */
.header-bottom.hidden-phone {
    display: none !important;
}
/* Formun Genel Yapısı */
.ts-custom-form {
    max-width: 900px; /* Formun en fazla ne kadar genişleyeceği */
    margin: 40px auto !important; /* KRİTİK SATIR: Üst/Alt 40px boşluk, Sağ/Sol OTOMATİK (Ortala) */
    /* ... diğer ayarlar ... */
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}
/* 1. TÜM "YUKARI ÇIK" OKLARINI VE BUTONLARINI İMHA ET */
#scroll-to-top, 
.back-to-top, 
.elementor-back-to-top, 
#back-to-top, 
.scroll-to-top, 
.scrollup, 
#scrollUp, 
.footer-scroll-top,
[class*="scroll-top"], 
[id*="scroll-top"],
[class*="back-to-top"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 2. WHATSAPP BUTONUNU SAĞ ALTA ÇİVİLE (Z-INDEX GÜÇLENDİRİLDİ) */
.ts-whatsapp-float {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    z-index: 9999999 !important; /* Diğer her şeyin üstünde dursun */
    display: flex !important;
    align-items: center;
    text-decoration: none;
}
/* İnatçı yukarı çık butonunu tamamen kaldır */
.scroll-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* SADECE ANA ÜRÜN RESMİNİ KÜÇÜLTÜR */
.single-product div.product .woocommerce-product-gallery .flex-viewport {
    max-width: 450px !important; /* Ana resmin genişliği - Buradan ayarla */
    margin-left: 0 !important;   /* Sola hizalar */
    margin-right: auto !important;
    border: 1px solid #eee;      /* Opsiyonel: Hafif bir çerçeve ekler */
}

/* KÜÇÜK RESİM GALERİSİNİ ETKİLEMEZ */
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    max-width: 450px !important; /* Küçük resimlerin dizildiği alanı ana resimle aynı genişlikte tutar */
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

/* Küçük resimlerin kendi boyutlarına dokunma */
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    width: 25% !important; /* Bir satırda 4 tane küçük resim görünmesini sağlar */
}