/* Genel Arkaplan */
.urunler_bg {
float: left;
width: 100%;
height: auto;
background: #242424;
padding-bottom: 40px;
position: relative;
z-index: 10;
}/* Ürünlerin Banner Üzerine Binmesi */
.hizmetler_hizala {
float: left;
width: 100%;
margin-top: -100px; /* Eski sistemdeki orijinal değer */
}/* Liste Yapısı */
.urun_liste {
float: left;
margin-bottom: 30px;
padding: 5px;
width: 100%;
}/* Resim Alanı ve Grayscale Efekti */
.urun_liste .resim {
float: left;
width: 100%;
height: 250px;
overflow: hidden;
transition: 0.3s;
}.urun_liste .resim img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
}.urun_liste:hover .resim img {
filter: grayscale(100%);
}/* Sarı Başlık Kutusu (Birebir Eski Stil) */
.urun_liste .baslik {
float: left;
width: 348px;
height: auto;
background: #ffba00;
padding: 20px;
margin-top: -50px; /* Resmin üzerine binme */
margin-left: 12px;
z-index: 99;
position: relative;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}.urun_liste .baslik h1 {
color: #fff;
margin: 0px;
font-size: 17px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
text-transform: uppercase;
}.urun_liste .baslik h2 {
color: #fff;
margin: 0px;
font-size: 14px;
font-family: 'Raleway', sans-serif;
font-weight: 400;
margin-top: 10px;
line-height: 1.2;
}.urun_liste .baslik .detay {
display: inline-block;
font-size: 14px;
color: #fff;
font-family: 'Raleway', sans-serif;
font-weight: 400;
border: solid 1px #fff;
padding: 5px 15px;
margin-top: 15px;
text-decoration: none;
transition: 0.3s;
}.urun_liste .baslik .detay:hover {
background: #fff;
color: #ffba00;
}/* --- MOBİL UYUMLULUK (Eski CSS Değerleri) --- */
@media (max-width: 1000px) {
.hizmetler_hizala {
margin-top: 0px !important;
}
.urun_liste .baslik {
width: 90% !important;
margin-left: 5% !important;
margin-top: -20px !important;
}
}@media (max-width: 479px) {
.urun_liste .baslik {
width: 100% !important;
margin-left: 0px !important;
}
}/* --- HAKKIMIZDA BİREBİR ESKİ CSS --- */
.hakkimizda_menu_bg {
float: left;
width: 100%;
height: auto;
min-height: 200px;
background: #fff;
padding-top: 50px;
padding-bottom: 50px;
}.hakkimizda_baslik {
display: block;
width: 100%;
text-align: center;
font-family: 'Raleway', sans-serif;
margin-top: 90px;
margin-bottom: 27px;
color: #222222;
font-size: 30px;
font-weight: 700;
line-height: 33px;
}.hakkimizda_baslik small {
display: block;
width: 100%;
height: auto;
font-size: 25px;
color: #222222;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 500;
}.hakkimizda_yazi {
display: block;
width: 100%;
text-align: center;
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 14px;
color: #777777;
line-height: 25px;
margin-bottom: 22px;
}a.detaylar_buton {
display: block;
width: 150px;
height: 40px;
line-height: 40px;
border-radius: 40px;
border: solid 1px #ccc;
text-align: center;
font-family: 'Raleway', sans-serif;
font-weight: 400;
margin: 0px auto 0px;
color: #333;
font-size: 16px;
text-decoration: none;
transition: 0.3s;
}a.detaylar_buton:hover {
background: #f4f4f4;
border-color: #999;
}a.detaylar_buton2 {
display: inline-block;
width: auto;
text-align: center;
font-family: 'Raleway', sans-serif;
font-weight: 600;
margin: 0px auto 0px;
font-size: 14px;
text-decoration: none;
transition: 0.3s;
color: #fff;
border-radius: 20px;
margin-top: 15px;
height: fit-content;
padding: 5px 20px;
background: #ffba00;
}a.detaylar_buton2:hover {
background: #fff;
color: black;
}.hakkimizda_resim {
width: 100%;
}.hakkimizda_resim img {
width: 100%;
height: auto;
}/* --- MOBİL UYUM (Birebir Eski Değerler) --- */
@media (max-width: 1000px) {
.ref{
display: none;
}
.hakkimizda_menu_bg {
padding-top: 30px !important;
padding-bottom: 50px;
}.hakkimizda_baslik {
margin-top: 20px !important;
font-size: 26px;
}.hakkimizda_resim {
display: none;
margin-top: 20px !important;
}
}/* --- REFERANSLAR BİREBİR ESKİ CSS --- */.ref {
padding: 90px 0;
}.referans_baslik {
float: left;
width: 100%;
height: auto;
font-size: 28px;
font-weight: 700;
color: #333;
font-family: 'Raleway', sans-serif;
}.referans_baslik span {
background: #fff;
margin-bottom: 20px;
display: block;
width: 100%;
height: auto;
font-size: 35px;
color: #222222;
margin-top: 0px;
font-weight: 500;
}.referans {
float: left;
width: 100%;
}.referans img {
width: 100%;
margin: 15px 0;
border: 1px solid #e6e6e6;
border-bottom: 2px solid #b9babc;
border-radius: 2px;
transition: all 100ms ease-out;
opacity: 0.6; /* Eski sistemdeki orijinal opacity */
}.referans img:hover {
opacity: 1;
border-bottom: 2px solid #ffba00; /* Hoverda sarı çizgi */
}/* Mobil için ekstra düzenleme (Eski yapı col-xs-6 idi) */
@media (max-width: 767px) {
.referans_baslik {
font-size: 22px;
background: none; /* Mobilde çizgi bazen kötü durabilir, isterseniz kalsın */
}
.referans_baslik span {
padding: 0;
}
}/**//* --- ARKA PLAN VE GENEL --- */
.talep_formu_bg {
background: url(../images/talep_bg.jpg);
background-size: cover !important;
padding: 90px 0;
font-family: 'Raleway', sans-serif;
display: inline-block;
width: 100%;
}.form_baslik {
margin-bottom: 20px;
display: block;
width: 100%;
height: auto;
font-size: 35px;
color: #222222;
margin-top: 0px;
font-weight: 500;
}/* --- INPUT VE ÇİZGİ STİLLERİ --- */
.talep_formu_bg .form-group {
position: relative;
margin-bottom: 15px !important;
}.talep_formu_bg .basliklabel { display: none; } /* Label'ları gizle */.talep_formu_bg .form-control {
height: 55px;
border: 1px solid #eee;
background: white;
width: 100%;
padding-left: 50px !important;
font-size: 16px;
color: #888;
box-shadow: none !important;
}/* Textarea (Sağdaki Kutu) */
.talep_formu_bg textarea.form-control {
border: 1px solid #eee;
height: 100% !important;
min-height: 120px;
width: 100%;
padding: 15px !important;
}/* --- SVG İKONLAR (Sarı #ffba00) --- */
.talep_formu_bg .form-group::before {
content: "";
position: absolute;
left: 15px;
top: 18px;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
z-index: 5;
}/* Sırasıyla İkon Atamaları */
#formId_7 .row > div:nth-child(3) .form-group::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffba00' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E"); } /* Ad */
#formId_7 .row > div:nth-child(4) .form-group::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffba00' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58z'/%3E%3C/svg%3E"); } /* Ürün */
#formId_7 .row > div:nth-child(5) .form-group::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffba00' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1H7c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E"); } /* Tel */
#formId_7 .row > div:nth-child(6) .form-group::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffba00' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E"); } /* E-Posta */
#formId_7 .row > div:nth-child(7) .form-group::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffba00' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E"); } /* Güvenlik *//* --- GÜVENLİK KODU ALANI --- */
.guvenlik_input {
display: flex;
align-items: center;
border-bottom: none !important;
}
.guvenlik_input input {
flex: 1;
}
.guvenlik_resim {
margin-left: 20px;
display: flex;
align-items: center;
}
.guvenlik_resim img {
height: 45px;
}/* --- GÖNDER BUTONU (SARI + UÇAK) --- */
#submit_7 {
background: #ffba00 !important;
color: #fff !important;
border: none !important;
border-radius: 2px !important;
width: 200px;
height: 52px;
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: pointer;
transition: 0.3s;
}#submit_7::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
margin-top: 5px;
}#submit_7:hover { background: #333 !important; }/* --- MOBİL --- */
@media (max-width: 991px) {
#formId_7 .row { grid-template-columns: 1fr; }
#formId_7 .row > div { grid-column: 1 !important; grid-row: auto !important; }
.talep_formu_bg textarea.form-control { min-height: 150px; margin-top: 20px; }
}