a.WhatsApp1 {
display: flex;
font-size: 18px;
background: #2eb843;
font-weight: 600;
width: 51px;
height: 51px;
position: fixed;
bottom: 20px;
left: 20px;
border-radius: 50%;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;
-ms-transition: all 0.1s ease-out 0s;
-o-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
color: #fff;
align-items: center;
justify-content: center;
animation: whatsapp infinite 2s linear;
z-index: 9999;
}a.WhatsApp1 svg {
width: 24px;
height: 24px;
fill: white;
}@keyframes whatsapp {
0% {
box-shadow: 0 0 0 0 #2eb843;
}50% {
box-shadow: 0 0 0 10px #015dc700;
}100% {
box-shadow: 0 0 0 0 #015dc700;
}
}@media (max-width: 1024px) {
a.WhatsApp1 {
bottom: 60px;
}
}/**//* Ana Kapsayıcı */
.urunler {
width: 100%;
height: auto;
padding: 80px 0px;
}.urunler-container {
margin: 0 auto;
padding: 0 20px;
}/* Üst Başlık Alanı */
.urunler-ust-alan {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}.urunler-baslik {
font-size: 38px;
font-weight: 800;
color: #1a1a1a;
margin: 0;
font-family: var(--font2);
}/* Navigasyon Butonları */
.urunler-nav {
display: flex;
gap: 15px;
}.urunler-nav button {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #1a8f43;
background: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
color: #1a8f43;
}.urunler-nav button:hover {
background-color: #1a8f43;
color: white;
}/* Kart Genel Tasarımı */
a.urunler-kart {
height: auto;
border-radius: 12px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
overflow: hidden;
box-sizing: border-box;
transition: transform 0.4s ease;
text-decoration: none;
color: #0c3332;
}a.urunler-kart:hover {
transform: translateY(-10px);
color: #2eb843;
}/* Kart Renkleri *//* Ürün Resimleri */
.urun-gorsel-kutu {
position: relative;
width: 100%;
height: 230px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
overflow: hidden;
}.urun-gorsel-kutu img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}/* Kart İçeriği */
.urun-bilgi {
z-index: 2;
padding: 13px;
}.urun-bilgi h3 {
font-size: 20px;
margin-bottom: 10px;
line-height: 1.1;
}.urun-bilgi p {
font-size: 15px;
opacity: 0.85;
margin: 0;
line-height: 1.4;
}/* Sağ Alttaki Ok Butonu */
.urun-link {
position: absolute;
bottom: 20px;
right: 0;
width: 35px;
height: 35px;
border: 1px solid rgb(0 0 0 / 40%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #000000;
text-decoration: none;
font-size: 20px;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
}.urun-link:hover {
background: white;
color: black;
}/* İkonlar İçin Basit Çizimler */
.ok-sol,
.ok-sag {
border: solid currentColor;
border-width: 0 2.5px 2.5px 0;
display: inline-block;
padding: 4px;
}
.ok-sol {
transform: rotate(135deg);
}
.ok-sag {
transform: rotate(-45deg);
}/**/:root {
--navy-dark: #0a1f2d; /* Görseldeki koyu lacivert tonu */
--cyan-accent: #61cbd9; /* Görseldeki açık mavi/turkuaz tonu */
--text-muted: #555555;
}/* Genel Konteyner */
.story-container {
width: 100%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}.story-content {
max-width: 600px;
display: flex;
flex-direction: column;
align-items: center;
}/* Başlık Stili */
.story-title {
font-family: var(--font2);
font-size: 82px; /* Görseldeki gibi büyük ve etkileyici */
font-weight: 800;
font-style: italic;
color: var(--navy-dark);
margin: 0 0 25px 0;
line-height: 1;
}/* Açıklama Metni Stili */
.story-desc {
font-family: var(--font-sans);
font-size: 16px;
line-height: 1.6;
color: var(--text-muted);
max-width: 400px;
margin-bottom: 35px;
}/* Şık Buton Tasarımı */
.story-btn {
display: flex;
align-items: center;
gap: 15px;
text-decoration: none;
color: var(--navy-dark);
font-family: var(--font-sans);
font-weight: 700;
font-size: 15px;
transition: opacity 0.3s ease;
}.story-btn span {
border-bottom: 2px solid transparent;
transition: border-color 0.3s;
}/* Yuvarlak İkon Kısmı */
.btn-circle {
width: 42px;
height: 42px;
background-color: var(--cyan-accent);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}.btn-circle svg {
width: 18px;
height: 18px;
color: #000;
}/* Hover (Üzerine Gelince) Efektleri */
.story-btn:hover .btn-circle {
transform: scale(1.1) translateX(5px);
}.story-btn:hover span {
border-bottom-color: var(--navy-dark);
}/* Mobil Uyumluluk */
@media (max-width: 768px) {
.story-title {
font-size: 54px;
}
.story-desc {
font-size: 15px;
padding: 0 20px;
}
}/***//* TÜM STİLLER .hakkimizda-wrapper İÇİNDEDİR, DIŞARIYI ETKİLEMEZ */
.hakkimizda-wrapper {
--hk-mavi: #0c3332;
--hk-acik-mavi: #1a8f43;
--hk-gri: #555;
background-color: var(--hk-zemin);
padding: 100px 0px;
position: relative;
display: flex;
background-repeat: no-repeat;
background-position: center top -182px;
background-size: 2860px;
background-image: url(../images/bg_product.svg);
padding-bottom: 61px;
/* min-height: 1373px; */
justify-content: center;
}/* Arka plandaki beyaz oval geçiş */
.hakkimizda-wrapper::after {
content: "";
position: absolute;
bottom: -150px;
left: -10%;
width: 120%;
height: 400px;
background: #fff;
border-radius: 50% 50% 0 0;
z-index: 1;
display: none;
}.hakkimizda-container {
max-width: 1200px;
width: 100%;
display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 50px;
position: relative;
z-index: 5;
}/* SOL TARAF */
.hakkimizda-sol {
display: flex;
flex-direction: column;
}.hakkimizda-baslik-ana {
font-size: 60px;
font-style: italic;
font-weight: 900;
color: var(--hk-mavi);
line-height: 0.9;
margin: 0 0 25px 0;
text-align: center;
font-family: var(--font2);
}.hakkimizda-baslik-ana b {
font-size: 50px;
font-style: italic;
font-weight: 400;
color: var(--hk-mavi);
line-height: 0.9;
margin: 10px 0 0px 0;
text-align: center;
font-family: var(--font2);
display: block;
}.hakkimizda-spot {
font-size: 16px;
color: var(--hk-gri);
line-height: 1.6;
max-width: 380px;
margin-bottom: 30px;
}/* BUTON STİLİ */
.hakkimizda-btn {
display: inline-flex;
align-items: center;
text-decoration: none;
color: var(--hk-mavi);
font-weight: bold;
font-family: sans-serif;
font-size: 15px;
gap: 12px;
transition: transform 0.3s;
}.hakkimizda-btn-ikon {
width: 42px;
height: 42px;
background-color: var(--hk-acik-mavi);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}.hakkimizda-btn-ikon svg {
width: 18px;
fill: white;
}/* ALTTAKİ İKİLİ KARTLAR */
.hakkimizda-kucuk-kartlar {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 20px;
}.hakkimizda-k-kart {
text-decoration: none;
}.hakkimizda-k-kart-gorsel {
height: 220px;
border-radius: 25px;
overflow: hidden;
position: relative;
background-color: #ddd;
}.hakkimizda-k-kart-gorsel img {
width: 100%;
height: 100%;
object-fit: cover;
}.hakkimizda-k-kart-ust-yazi {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
color: white;
font-weight: bold;
font-size: 18px;
line-height: 1.2;
}.hakkimizda-link-text {
display: block;
text-align: right;
margin-top: 10px;
font-family: sans-serif;
font-weight: bold;
color: var(--hk-mavi);
font-size: 14px;
}/* SAĞ TARAF BÜYÜK KART */
.hakkimizda-buyuk-kart {
background: white;
border-radius: 35px;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
overflow: hidden;
position: relative;
margin-top: 20px;
}.hakkimizda-buyuk-gorsel {
width: 100%;
height: 320px;
object-fit: cover;
}.hakkimizda-buyuk-icerik {
padding: 50px 40px;
text-align: center;
}.hakkimizda-buyuk-baslik {
font-size: 35px;
font-style: italic;
margin-bottom: 20px;
color: #0c3332;
line-height: 1.1;
margin-top: 0px;
font-family: var(--font2);
}.hakkimizda-buyuk-metin {
color: var(--hk-gri);
font-size: 15px;
line-height: 1.6;
margin-bottom: 35px;
}.hakkimizda-text {
padding-left: 50px;
}/* YAPRAK DEKORU */
.hakkimizda-yaprak {
position: absolute;
top: 50px;
right: 12%;
width: 130px;
height: auto;
z-index: 10;
transform: rotate(-10deg);
}/* MOBİL UYUMLULUK */
@media (max-width: 992px) {
.hakkimizda-container {
grid-template-columns: 1fr;
}
.hakkimizda-baslik-ana {
font-size: 60px;
}
.hakkimizda-yaprak {
display: none;
}
}/* SAYAÇ ANA KAPSAYICI */
.hakkimizda-premium-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin-top: 50px;
padding-left: 50px;
}/* TEKİL STAT KUTUSU */
.stat-box {
position: relative;
background: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 15px 35px rgba(0, 35, 60, 0.03);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex;
align-items: center;
justify-content: space-between;
}.stat-box:hover {
transform: translateY(-8px);
background: #ffffff;
box-shadow: 0 25px 50px rgba(0, 35, 60, 0.08);
}/* NUMARA STİLİ */
.stat-number {
font-size: 42px;
font-weight: 700;
color: var(--hk-mavi);
line-height: 1;
}.stat-suffix,
.stat-prefix {
font-size: 28px;
color: #1a8f43; /* Yeşil yerine Gold/Bronz tonu - Premium görünüm sağlar */
font-weight: bold;
margin: 0 2px;
}/* ETİKET STİLİ */
.stat-label {
font-size: 13px;
color: #0a1f2d;
font-weight: 700;
margin-top: 10px;
line-height: 1.4;
margin-bottom: 0px;
}.stat-content {
width: 100%;
}/* SAĞDAKİ ZARİF ÇİZGİ (Opsiyonel Dekor) */
.stat-line {
width: 2px;
height: 40px;
background: linear-gradient(to bottom, transparent, #1a8f43, transparent);
opacity: 0.5;
}/* MOBİL AYARLAR */
@media (max-width: 992px) {
.hakkimizda-premium-stats {
grid-template-columns: repeat(2, 1fr);
padding: 0 20px;
}
.stat-box {
padding: 20px;
}
}
/**//* Stil Çakışmasını Önleyen "Namespace"li CSS */
.neden-biz-section {
--nb-yesil: #199145;
--nb-arkaplan: #f3f5ed;
--nb-koyu: #0c3332;
--hk-mavi: #0c3332;
--nb-gri: #555555;
background-color: var(--nb-arkaplan);
padding: 80px 0px 150px;
text-align: center;
position: relative;
}.neden-biz-section::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C200 400 200 200 400 200C600 200 600 400 800 400' stroke='%23d0e5d4' fill='none' stroke-width='2'/%3E%3Cpath d='M0 600C200 600 200 400 400 400C600 400 600 600 800 600' stroke='%23d0e5d4' fill='none' stroke-width='2'/%3E%3Cpath d='M0 200C200 200 200 0 400 0C600 0 600 200 800 200' stroke='%23d0e5d4' fill='none' stroke-width='2'/%3E%3C/svg%3E");
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
opacity: 50%;
}.neden-biz-container {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 99;
}.neden-biz-ust {
margin-bottom: 60px;
}.neden-baddadiz-ana-baslik {
font-family: var(--font2);
}.neden-biz-ana-baslik {
font-size: 42px;
color: var(--nb-koyu);
margin: 0 0 15px 0;
font-weight: 700;
}.neden-biz-alt-metin {
font-size: 16px;
color: var(--nb-gri);
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
}/* GRİD YAPISI */
.neden-biz-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}.neden-biz-item {
display: flex;
flex-direction: column;
align-items: center;
}.neden-biz-icon-box {
width: 80px;
height: 80px;
background-color: var(--nb-yesil);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
transition: transform 0.3s ease;
align-items: center;
}.neden-biz-icon-box:hover {
transform: scale(1.1);
}.neden-biz-icon-box svg {
width: 35px;
height: 35px;
fill: #fff;
}.neden-biz-baslik {
font-size: 20px;
color: var(--nb-koyu);
margin-bottom: 15px;
font-weight: 600;
}.neden-biz-aciklama {
font-size: 14.5px;
color: var(--nb-gri);
line-height: 1.6;
margin: 0;
}/* MOBİL UYUMLULUK */
@media (max-width: 992px) {
.neden-biz-grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}@media (max-width: 600px) {
.neden-biz-grid {
grid-template-columns: 1fr;
}.neden-biz-ana-baslik {
font-size: 32px;
}
}/**/.teklif-al-wrapper {
--ta-mavi: #0c3332;
--ta-acik-mavi: #199145;
--ta-gri: #555;
--ta-bg-soft: #f3f5ed;
position: relative;
padding: 0px 0px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
}/* Arka plandaki mavi eğri (Görseldeki gibi) */
.teklif-al-bg-wave {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 500px;
background-color: var(--ta-bg-soft);
clip-path: ellipse(80% 50% at 20% 0%);
z-index: 1;
}.teklif-al-container {
max-width: 1100px;
width: 100%;
position: relative;
z-index: 5;
}/* ANA KART */
.teklif-al-kart {
background: #ffffff;
border-radius: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
box-shadow: 0 20px 60px rgba(0, 35, 60, 0.08);
overflow: hidden;
height: 400px;
margin-top: -70px;
position: relative;
z-index: 9;
}/* SOL İÇERİK */
.teklif-al-icerik {
padding: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}.teklif-al-baslik {
font-family: "Georgia", serif; /* Görseldeki serif font havası için */
font-size: 32px;
font-style: italic;
font-weight: 900;
color: var(--ta-mavi);
line-height: 1.1;
margin-bottom: 15px;
margin-top: 0px;
}
.teklif-al-baslik2 {
font-size: 16px;
line-height: 1.1;
margin-bottom: 35px;
margin-top: 0px;
}/* BUTON TASARIMI */
.teklif-al-btn {
display: inline-flex;
align-items: center;
gap: 15px;
text-decoration: none;
transition: 0.3s ease;
}.teklif-al-btn-text {
font-weight: 700;
color: var(--ta-mavi);
font-size: 16px;
letter-spacing: 0.5px;
}.teklif-al-btn-ikon {
width: 48px;
height: 48px;
background-color: var(--ta-acik-mavi);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}.teklif-al-btn-ikon svg {
width: 20px;
}.teklif-al-btn:hover .teklif-al-btn-ikon {
transform: scale(1.1) translateX(5px);
background-color: var(--ta-mavi);
}/* SAĞ GÖRSEL */
.teklif-al-gorsel-alani {
position: relative;
overflow: hidden;
}.teklif-al-gorsel-alani img {
width: 100%;
height: 100%;
object-fit: cover;
/* Görseldeki gibi iç köşeleri hafif ovalleştirme */
}/* RESPONSIVE (MOBİL) */
@media (max-width: 992px) {
.teklif-al-kart {
grid-template-columns: 1fr;
}
.teklif-al-gorsel-alani {
height: 300px;
order: -1; /* Görseli üste al */
}
.teklif-al-gorsel-alani img {
border-radius: 40px 40px 0 0;
}
.teklif-al-baslik {
font-size: 32px;
}
.teklif-al-icerik {
padding: 40px 20px;
}
}/**//* Ana Kapsayıcı */
.cozumlerimiz {
padding: 120px 4% 80px 4%;
font-family: sans-serif;
overflow: hidden;
}.cozumler-wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
}/* Sol Sabit Bölüm */
.cozumler-static {
flex: 0 0 320px; /* Sabit genişlik */
padding-right: 20px;
}.cozumler-tag {
font-size: 13px;
font-weight: bold;
color: #333;
letter-spacing: 1px;
}
.cozumler-main-title {
font-size: 2.8rem;
color: #0c3332;
margin: 20px 0;
line-height: 1.1;
font-family: var(--font2);
}
.cozumler-intro-text {
color: #888;
margin-bottom: 30px;
line-height: 1.6;
}
.cozumler-more-btn {
background: #1a8f43;
color: white;
padding: 14px 28px;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
display: inline-block;
}/* Sağ Swiper Alanı */
.cozumler-slider-area {
flex: 1;
min-width: 0; /* Flexbox içinde swiper'ın taşmasını engeller */
}.cozumler-card h3 {
font-size: 21px;
color: #0c3332;
margin: 15px 0 10px;
}
.cozumler-card p {
color: #666;
line-height: 1.5;
font-size: 14px;
}
.cozumler-img img {
width: 100%;
height: 350px;
object-fit: cover;
}/* ALT KONTROLLER */
.cozumler-controls-container {
display: flex;
align-items: center;
margin-top: 50px;
padding-top: 30px;
}.cozumler-scrollbar-box {
flex: 1;
position: relative;
padding-right: 40px;
}.cozumler-custom-scrollbar.swiper-scrollbar {
position: relative !important;
height: 2px !important;
background: #d1d1d1 !important;
}.cozumler-custom-scrollbar .swiper-scrollbar-drag {
background: #0c3332 !important;
}.cozumler-nav-buttons {
display: flex;
gap: 12px;
}.cozumler-arrow-prev,
.cozumler-arrow-next {
position: static !important;
width: 45px !important;
height: 45px !important;
border: 1px solid #0c3332 !important;
border-radius: 50% !important;
color: #0c3332 !important;
}.cozumler-arrow-prev::after,
.cozumler-arrow-next::after {
font-size: 16px !important;
font-weight: bold;
}.cozumler-arrow-prev:hover,
.cozumler-arrow-next:hover {
background: #0c3332;
color: #fff !important;
}/* Mobil Uyumluluk */
@media (max-width: 992px) {
.cozumler-wrapper {
flex-direction: column;
}
.cozumler-static {
flex: 1;
width: 100%;
margin-bottom: 40px;
}
}/**//* SSS Genel Alan */
.sss-section {
padding: 10px 0 80px;
background-color: #ffffff;
}.sss-container {
max-width: 900px;
margin: 0 auto;
}.sss-header {
text-align: center;
margin-bottom: 60px;
}.sss-subtitle {
color: #198e43;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
}.sss-title {
font-size: 2.5rem;
color: #0c3332;
margin: 15px 0;
font-family: var(--font2);
}.sss-desc {
color: #777;
font-size: 1.1rem;
}/* Akordiyon Liste */
.sss-list {
display: flex;
flex-direction: column;
gap: 15px;
}.sss-item {
border: 1px solid #eef0eb;
border-radius: 12px;
background: #fbfcf9;
overflow: hidden;
transition: all 0.3s ease;
}.sss-item.active {
border-color: #0c3332;
box-shadow: 0 10px 30px rgba(12, 51, 50, 0.05);
background: #fff;
}/* Soru Kısmı */
.sss-question {
padding: 24px 30px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 1.15rem;
font-weight: 600;
color: #0c3332;
}/* İkon (Artı/Eksi) */
.sss-icon {
position: relative;
width: 20px;
height: 20px;
}.sss-icon::before,
.sss-icon::after {
content: "";
position: absolute;
background-color: #0c3332;
transition: transform 0.3s ease;
}/* Yatay çizgi */
.sss-icon::before {
width: 100%;
height: 2px;
top: 50%;
left: 0;
transform: translateY(-50%);
}/* Dikey çizgi */
.sss-icon::after {
width: 2px;
height: 100%;
left: 50%;
top: 0;
transform: translateX(-50%);
}.sss-item.active .sss-icon::after {
transform: translateX(-50%) rotate(90deg);
opacity: 0;
}/* Cevap Kısmı (Smooth Açılış) */
.sss-answer {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.4s ease;
padding: 0 30px;
}.sss-item.active .sss-answer {
grid-template-rows: 1fr;
padding-bottom: 24px;
}.sss-answer p {
overflow: hidden;
color: #555;
line-height: 1.7;
font-size: 1rem;
margin: 0px;
}/**/.bgg {
width: 100%;
height: 600px;
object-fit: cover;
object-position: center;
}/**/.footer1 {
background-color: #ffffff;
padding: 60px 0 20px 0;
color: #333;
position: relative;
border-top: 1px solid #f2f2f2;
overflow: hidden;
}
.mapss {
position: absolute;
left: -200px;
width: 900px;
top: 0px;
height: auto;
opacity: 40%;
}.footer1-logo-area {
position: relative;
z-index: 1;
}.footer1-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
position: relative;
z-index: 1;
}/* Logo Ayarları */
.main-logo-img {
max-width: 148px;
height: auto;
margin-bottom: 40px;
}/* İletişim Satırı */
.footer1-contact-row {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 15px;
}.footer1-info-item {
font-size: 19px;
font-weight: 400;
color: #189043;
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
}.footer1-info-item svg {
stroke: #189043;
width: 20px;
}.footer1-v-divider {
width: 1px;
height: 35px;
background-color: #ddd;
}.footer1-address {
font-size: 14px;
color: #888;
margin-bottom: 30px;
}/* Menü */
.footer1-nav {
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #f9f9f9;
padding: 15px 0;
margin-bottom: 40px;
display: flex;
align-items: center;
justify-content: center;
}.footer1-nav li:nth-child(1) {
display: none;
}.footer1-nav li {
list-style: none;
}.footer1-nav a {
text-decoration: none;
color: #555;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin: 0 15px;
transition: 0.3s;
}.footer1-nav a:hover {
color: #7a989c;
}/* Aksiyon Alanı (Sosyal & Katalog) */
.footer1-actions-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-bottom: 50px;
}.footer1-social {
display: flex;
gap: 15px;
}.footer1-social a {
color: #0a1f2d;
transition: 0.3s;
}.footer1-social li {
list-style: none;
}
.footer1-social a svg {
fill: #0a1f2d;
transition: 0.3s;
width: 23px;
height: 23px;
}.footer1-social a:hover {
transform: translateY(-3px);
}/* Katalog Butonu */
.footer1-catalog-btn-premium {
display: flex;
align-items: center;
background-color: #7a989c;
color: #fff;
text-decoration: none;
padding: 6px 6px 6px 20px;
border-radius: 50px;
transition: 0.3s;
}.footer1-catalog-btn-premium .btn-text {
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
margin-right: 15px;
}.footer1-catalog-btn-premium .btn-icon {
background: #fff;
color: #7a989c;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}.footer1-catalog-btn-premium:hover {
background-color: #333;
}/* İş Ortakları */
.footer1-partners {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-bottom: 50px;
}.partner-img {
max-height: 45px;
width: auto;
}.partner-divider {
height: 25px;
}/* Alt Bant (Copy & Credits) */
.footer1-bottom-bar {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #f2f2f2;
padding-top: 20px;
font-size: 11px;
color: #999;
}.footer1-credits {
display: flex;
align-items: center;
gap: 10px;
}.footer1-credits strong {
color: #666;
letter-spacing: 1px;
}.footer1-credits a {
display: flex;
align-items: center;
}
.footer1-credits img {
height: 15px;
width: auto;
}/* Mobil Uyumluluk */
@media (max-width: 768px) {
.footer1-bottom-bar {
flex-direction: column;
gap: 15px;
text-align: center;
}
.footer1-contact-row {
flex-direction: column;
gap: 10px;
}
.footer1-v-divider {
display: none;
}
.footer1-nav a {
display: block;
margin: 10px 0;
}
.footer1-actions-wrap {
flex-direction: column;
gap: 20px;
}.main-logo-img {
max-width: 118px;
height: auto;
margin-bottom: 20px;
}
.footer1-address {
font-size: 14px;
color: #888;
margin-bottom: 10px;
}
}.footer1-address a {
color: #7a989c;
text-decoration: none;
}.footer1-info-item:hover,
.footer1-address a:hover {
color: #7a989c; /* Logodaki renk */
}/**//* --- Genel Form Stili --- */
.form1 {
width: 100%;
}/* --- Form Etiketleri (Label) --- */
.form1 .basliklabel {
font-weight: 500;
color: #333;
margin-bottom: 3px;
/* Etiket ile input arası boşluk */
display: block;
/* Etiketin tam genişlik kaplamasını sağlar */
font-size: 90%;
}/* Gerekli alanları belirten yıldız (*) için stil */
.form1 .form-label span {
color: #e74c3c;
/* Canlı bir kırmızı renk */
font-weight: bold;
margin-right: 4px;
}/* --- Input ve Textarea Alanları --- */
.form1 .form-control {
width: 100%;
padding: 12px 15px;
border: 1px solid #ced4da;
/* Standart gri çerçeve */
border-radius: 5px;
font-size: 1rem;
color: #495057;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.form1 .form-select {
width: 100%;
padding: 12px 15px;
border: 1px solid #ced4da;
/* Standart gri çerçeve */
border-radius: 5px;
font-size: 1rem;
color: #495057;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}/* Input alanına tıklandığında (focus) oluşacak efekt */
.form1 .form-control:focus {
border-color: #00338d;
/* Buton rengiyle uyumlu çerçeve rengi */
box-shadow: 0 0 0 3px rgba(0, 51, 141, 0.2);
/* Hafif bir parlama efekti */
outline: none;
/* Tarayıcının varsayılan focus çerçevesini kaldır */
}/* Placeholder metinlerini biraz soluklaştır */
.form1 .form-control::placeholder {
color: #aab2bd;
opacity: 1;
}/* Textarea'nın boyutunun dikey olarak değiştirilebilmesini sağlar */
.form1 textarea.form-control {
resize: vertical;
}/* --- Güvenlik Kodu Alanı --- */
.form1 .input-group {
display: flex;
/* Input ve resmi yan yana getirmek için */
width: 100%;
}.form1 .input-group .form-control {
/* Input'un resimle birleşik görünmesi için sağ köşe yuvarlaklığını kaldır */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
flex-grow: 1;
/* Esneyerek boşluğu doldurmasını sağlar */
}.form1 .form-group {
position: relative;
margin-bottom: 10px;
}.form1 .guvenlik_resim {
display: flex;
align-items: center;
border-left: none;
position: absolute;
right: 0;
bottom: 10px;
}.form1 .guvenlik_resim img {
display: block;
height: 28px;
/* Input yüksekliği ile uyumlu hale getirir */
cursor: pointer;
/* Üzerine gelince tıklanabilir olduğunu belirtir */
}/* --- Gönder Butonu --- */
.form1 .btn {
background-color: var(--primary-orange) !important;
/* Orijinal formdaki renk */
color: #ffffff;
border: none;
padding: 12px 20px;
font-size: 1rem;
font-weight: bold;
border-radius: 5px;
cursor: pointer;
width: 100%;
/* Bulunduğu sütunu tamamen kaplar */
transition: background-color 0.2s ease, transform 0.1s ease;
margin-top: 28px;
}/* Butonun üzerine gelince (hover) efekti */
.form1 .btn:hover {
background-color: #00225c;
/* Rengin biraz daha koyu tonu */
transform: translateY(-2px);
/* Hafif yukarı kalkma efekti */
}/* --- Buton Konteyneri --- */
/* Bu ana kapsayıcı olduğu için başında bir şey olmasına gerek yok. */
.contact-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
padding: 1rem;
}/* --- Genel Buton Stilleri (Sadece .contact-buttons içindekiler için) --- */
.contact-buttons .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
flex: 1;
padding: 12px 24px;
border-radius: 8px;
border: none;
font-size: 16px;
font-weight: 600;
color: #ffffff;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}/* İkonlar (Sadece .contact-buttons içindekiler için) */
.contact-buttons .btn-icon {
width: 20px;
height: 20px;
}/* --- WhatsApp Butonu'na Özel Stiller --- */
.contact-buttons .btn-whatsapp {
background-color: #25d366;
}/* --- Ana Buton'a (Bize Ulaşın) Özel Stiller --- */
.contact-buttons .btn-primary {
background-color: var(--primary-orange);
}/* --- Hover Efektleri (Sadece .contact-buttons içindeki butonlar için) --- */
.contact-buttons .btn:hover {
transform: translateY(-3px);
box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15);
opacity: 0.95;
}.contact-buttons .btn:active {
transform: translateY(0);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}/* --- Mobil Cihazlar İçin (Ekran 600px'den küçükse) --- */
@media (max-width: 600px) {
.contact-buttons {
flex-direction: column;
width: 90%;
}.contact-buttons .btn {
width: 100%;
padding: 14px;
}
}@media(max-width:1024px){.sss-section {
padding: 70px 20px 80px;
}.neden-biz-section{
padding: 80px 20px 80px;
}.urunler {
padding: 0 0 40px 0;
}.teklif-al-wrapper{
display: none;
}.cozumlerimiz{
display: none;
}.bgg{
display: none;
}.hakkimizda-baslik-ana {
font-size: 40px;
}
.hakkimizda-baslik-ana b {
font-size: 30px;
}.hakkimizda-buyuk-baslik {
font-size: 30px;
font-style: italic;
margin-bottom: 10px;
}
.urunler-nav{
display: none;
}.footer1-actions-wrap{
margin-bottom: 10px;
}.footer1-inner{
margin-bottom: 35px;
}.footer1-contact-row,
.footer1-address,
.footer1-nav,
.footer1-logo-area{
display: none;
}
}.mobilbuttonlar {
display: none;
}@media(max-width: 1024px) {
a.WhatsApp1 {
bottom: 60px
}.btn {
border-radius: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
width: 100%
}.btn svg {
width: 24px;
height: 24px;
fill: white;
}.mobilbuttonlar {
position: fixed;
width: 100%;
bottom: 0;
z-index: 999;
display: flex;
}.btn1 {
background: #199145;
border-color: #199145;
color: #fff;
width: 100%;
}.btn2 {
background: #107c38;
border-color: #107c38;
color: #fff;
width: 100%;
}.btn3 {
background: #0a5c28;
border-color: #0a5c28;
color: #fff;
width: 100%;
}
}