/*
Theme Name: Multi-Sitem
Theme URI: https://multiyazilim.com
Author: Multi Yazılım
Author URI: https://multiyazilim.com
Version: MultiSite
*/


html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0; background:#fff; font-family: 'Poppins', sans-serif;}

h1, h2, h3, h4, h5, ul, ol, img, a, p { margin:0; padding:0; list-style:none; text-decoration:none;border:none; outline:none; }
a { transition: all .2s linear; }
/*net fotolar*/

img {image-rendering: -webkit-optimize-contrast !important;}

.header-mobile {display:none;}
.header { position: fixed; top: 0; left: 0; width: 100vw; height: 6vw; display: flex; align-items: center; justify-content: center; z-index: 999;font-family:Barlow, 'Sans-Serif'; }
.nav-surface {position: absolute;top: 0;left: 0;width: 100vw;height: 10vw;z-index: -1;opacity: 1;transition: opacity 0.4s ease;fill: #fff;color: #fff;}
.nav-surface.scrolled { opacity: 1; }
.main-bg { fill: #4a5871; }
.header-content {display: flex;justify-content: space-between;align-items: center;width: 100%;box-sizing: border-box;height: 100%;position: relative;z-index: 1;padding: 0 3vw;}
.logo-img { height: 4vw; object-fit: contain; }
.nav-menu ul {display: flex;list-style: none;gap: 2vw;}
.nav-menu a { text-decoration: none; color: #0f172a; font-size: 0.8vw; font-weight: 600; position: relative; padding-bottom: 0.5vw; transition: color 0.3s; letter-spacing: 0.05vw; }
.nav-menu a::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 0.15vw;background-color: #1b4b6d;transition: width 0.4s ease-in-out;}
.nav-menu a:hover::after, .nav-menu a.active::after { width: 100%; }
.header-right { display: flex; align-items: center; gap: 0.8vw; }
.contact-btn {display: flex;align-items: center;justify-content: center;border: 0.1vw solid rgb(0 0 0 / 70%);border-radius: 0.4vw;color: #000000;text-decoration: none;font-size: 0.85vw;padding: 0.5vw 1vw;font-weight: 500;transition: all 0.3s ease;}
.contact-btn:hover, .beyhouse-box:hover { background-color: #1b4b6d; border-color: white; }
.contact-btn.icon-only { padding: 0.5vw 0.8vw; font-size: 1vw; }
.contact-btn .icon { margin-right: 0.4vw; font-size: 0.9vw; }
.beyhouse-box {display: flex;flex-direction: column;align-items: center;justify-content: center;border: 0.1vw solid rgb(0 0 0 / 70%);border-radius: 0.4vw;color: #000000;padding: 0.3vw 1.2vw;cursor: pointer;transition: all 0.3s ease;}
.beyhouse-logo { font-size: 1.1vw; font-weight: 800; display: flex; align-items: center; gap: 0.2vw; }
.orange-text { color: #e67e22; }
.beyhouse-sub { font-size: 0.55vw; font-weight: 400; margin-top: 0.1vw; opacity: 0.9; }
.beyhouse-logo img {width: 6.1vw;height: 2vw;object-fit: contain;}

a.online {transition:All 0.2s ease;display: flex;align-items: center;justify-content: center;border: 0.1vw solid rgba(255, 255, 255, 0.7);border-radius: 0.4vw;color: white;text-decoration: none;font-size: 0.85vw;padding: 0.5vw 1vw;font-weight: 500;transition: all 0.3s ease;background: #dc3232;}
a.online:hover {background:#1b4b6d;}
.headerContent .beyhouse-box {border: 0.1vw solid #0f172a;color: #0f172a;}

.sayfa-yukari-cik { position: fixed; bottom: 3vw; right: 3vw; width: 4vw; height: 4vw; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; transform: translateY(1.5vw); }
.sayfa-yukari-cik.goster { opacity: 1; visibility: visible; transform: translateY(0); }
.ilerleme-cemberi { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); z-index: 1; }
.cember-arkaplan { fill: none; stroke: rgba(0,0,0,0.1); stroke-width: 0.2vw; }
.cember-dolan {fill: none;stroke: #1b4b6d;stroke-width: 0.2vw;stroke-dasharray: 283;stroke-dashoffset: 283;transition: stroke-dashoffset 0.1s linear;stroke-linecap: round;}
.yukari-ok-ikon { width: 1.5vw; height: 1.5vw; color: #333333; position: relative; z-index: 2; transition: transform 0.3s ease, color 0.3s ease; }
.sayfa-yukari-cik:hover .yukari-ok-ikon { transform: translateY(-0.2vw); color: #1b4b6d; }

.anasayfa-alan-1 {position: relative;width: 100vw;height: 57vw;background-color: #111;overflow: hidden;}
.hero-slider-container { width: 100%; height: 100%; position: relative; }
.hero-slides-wrapper { width: 100%; height: 100%; position: relative; }
.hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.2s ease-in-out; z-index: 1; display: flex; align-items: center; justify-content: center; }
.hero-slide.active { opacity: 1; z-index: 2; }
.hero-slide img, .hero-slide video { width: 100%; height: 100%; object-fit: cover; }
.hero-slider-pagination {position: absolute;right: 4vw;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: .5vw;z-index: 10;}
.hero-dot {border: none;background: none;color: #000000;background: #ffffff3b;backdrop-filter: blur(.2vw);border: solid 0.1vw #ffffff;width: 2vw;height: 2vw;border-radius: 50%;font-size: .7vw;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;font-weight: 700;font-family: sans-serif;}
.hero-dot.active, .hero-dot:hover {background: #dc3232;transform: scale(1.1);color: #fff;}
.hero-slider-arrows {position: absolute;bottom: 10vw;right: 4vw;display: flex;gap: 0.8vw;z-index: 10;}
.hero-slider-arrows button {background: rgb(255 255 255 / 19%);border: 0.1vw solid rgba(255,255,255,0.4);backdrop-filter: blur(1vw);color: #000000;width: 2vw;height: 2vw;border-radius: 50%;font-size: .6vw;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;}
.hero-slider-arrows button:hover {background: #ed1c24;border-color: #ed1c24;}

.anasayfa-alan-2 {width: 100vw;height: 50vw;display: flex;position: relative;background: url(/wp-content/uploads/2026/06/mermer.png);background-size: cover;background-repeat: no-repeat;align-items: center;justify-content: center;}
.markalar-container {width: 100%;display: flex;flex-direction: column;gap: 2vw;align-items: center;justify-content: center;}
.markalar-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1vw;width: 70%;}
.marka-item {background-color: #ffffff;border-radius: 0.4vw;padding: 0vw;display: flex;align-items: center;justify-content: center;aspect-ratio: 4 / 3;box-shadow: 0 0.4vw 1vw rgba(0, 0, 0, 0.06);transition: transform 0.3s ease;}
.marka-item:hover { transform: scale(1.05);}
.marka-item img { width: 100%; height: 100%; object-fit: contain; }
.markalar-btn-wrapper {display: flex;justify-content: flex-end;width: 70%;margin-top: 1vw;box-sizing: border-box;}
.tumunu-gor-btn { background-color: #273c5b; color: #ffffff; padding: 0.7vw 1.2vw; font-size: 0.75vw; text-decoration: none; border-radius: 0.15vw; font-weight: 500; letter-spacing: 0.05vw; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5vw; }
.tumunu-gor-btn:hover { background-color: #1a2a42; transform: translateY(-0.1vw); }

.anasayfa-alan-3 {width: 100vw;padding: 8vw 15vw 0;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background-color: #ffffff;}
.alan3-container { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 6vw; }
.alan3-icerik { flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
.alan3-baslik { font-size: 2.8vw; font-family: 'Times New Roman', serif; color: #333333; font-weight: 400; margin-bottom: 1.5vw; letter-spacing: 0.05vw; }
.alan3-metin { font-size: 0.85vw; color: #777777; line-height: 1.6vw; margin-bottom: 2vw; text-align: left; }
.alan3-link { font-size: 1.1vw; color: #345c7d; text-decoration: none; transition: opacity 0.3s ease; }
.alan3-link:hover { opacity: 0.7; }
.alan3-gorseller { flex: 1; position: relative; height: 35vw; }
.alan3-gorsel-sol {position: absolute;left: 0;bottom: 6vw;width: 16vw;height: 23vw;object-fit: cover;z-index: 2;box-shadow: 0 0.5vw 1.5vw rgba(0,0,0,0.1);}
.alan3-gorsel-sag {position: absolute;right: 0vw;top: 0;width: 14vw;height: 17vw;object-fit: cover;z-index: 1;box-shadow: 0 0.5vw 1.5vw rgba(0,0,0,0.1);}
.yorum-avatar-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 0; }

.anasayfa-alan-4 { width: 100vw; padding: 6vw 16vw; background-color: #fcfbf9; display: flex; flex-direction: column; gap: 3vw; box-sizing: border-box; }
.katalog-baslik-alani { display: flex; flex-direction: column; gap: 0.5vw; text-align: left; }
.katalog-ust-baslik { font-size: 0.6vw; color: #a58f78; letter-spacing: 0.2vw; font-weight: 600; text-transform: uppercase; }
.katalog-ana-baslik { font-size: 2.2vw; color: #333; font-weight: 400; }
.katalog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1vw; width: 100%; }
.katalog-flip { perspective: 80vw; position: relative; width: 100%; height: 32vw; transform-style: preserve-3d; cursor: pointer; }
.katalog-front { background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; background-position: center center; transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25); transform: rotateY(0deg); transform-style: preserve-3d; z-index: 2; display: flex; align-items: flex-end; justify-content: center; padding: 2vw; box-sizing: border-box; }
.front-baslik { color: #ffffff; font-size: 1.2vw; font-weight: 400; text-align: center; position: relative; z-index: 3; transform: translateZ(4vw); text-shadow: 0 0.5vw 1vw rgba(0,0,0,0.5); }
.katalog-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; background-color: #fcfbf9; transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25); transform: rotateY(180deg); z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 3vw; }
.katalog-flip:hover .katalog-front { transform: rotateY(-180deg); }
.katalog-flip:hover .katalog-back { transform: rotateY(0deg); z-index: 3; }
.back-icerik { display: flex; flex-direction: column; gap: 1vw; }
.back-kategori { font-size: 0.7vw; color: #dc3232; letter-spacing: 0.1vw; text-transform: uppercase; }
.back-baslik { font-size: 1.6vw; color: #444; line-height: 2vw; width: 20vw; }
.back-linkler { display: flex; flex-direction: column; gap: 0.6vw; margin-top: 1vw; }
.katalog-link { font-size: 0.8vw; color: #666; text-decoration: none; border-bottom: 0.1vw solid #e0e0e0; padding-bottom: 0.3vw; width: max-content; transition: color 0.3s ease, border-color 0.3s ease; }
.katalog-link:hover { color: #000; border-color: #000; }

.anasayfa-alan-5 { position: relative; width: 100vw; min-height: 40vw; padding: 8vw 16vw; background-image: url(/wp-content/uploads/2026/06/fotoselli-pisuvar.png); background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; overflow: hidden; }
.yorum-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1; }
.yorum-icerik-alani { position: relative; z-index: 2; width: 45vw; display: flex; flex-direction: column; gap: 2vw; }
.yorum-basliklar { display: flex; flex-direction: column; gap: 0.5vw; }
.yorum-ust-baslik { font-size: 0.6vw; color: #e0e0e0; letter-spacing: 0.2vw; font-weight: 600; text-transform: uppercase; }
.yorum-ana-baslik { font-size: 2.2vw; color: #ffffff; font-weight: 400; }
.yorum-slider-container { position: relative; width: 100%; overflow: hidden; }
.yorum-track { display: flex; width: 100%; transition: transform 0.6s ease-in-out; }
.yorum-slide { flex: 0 0 100%; width: 100%; display: flex; flex-direction: column; gap: 2vw; box-sizing: border-box; }
.yorum-metni { font-size: 0.85vw; color: #ffffff; line-height: 1.5vw; font-weight: 300; text-shadow: 0 0.1vw 0.3vw rgba(0,0,0,0.5); }
.yorum-kullanici { display: flex; align-items: center; gap: 1vw; }
.yorum-avatar-kutu { position: relative; width: 3.5vw; height: 3.5vw; background-color: #4b6271; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 1.5vw; font-weight: 600; }
.yorum-avatar-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 0; }
.google-badge { position: absolute; bottom: 0; right: -0.2vw; width: 1.2vw; height: 1.2vw; background-color: #e67e22; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 0.1vw solid #fff; z-index: 2; }
.google-badge::after { content: '★'; color: white; font-size: 0.7vw; }
.yorum-kullanici-bilgi { display: flex; flex-direction: column; gap: 0.2vw; }
.yorum-yildizlar { color: #f1c40f; font-size: 0.8vw; letter-spacing: 0.1vw; }
.yorum-isim { font-size: 0.85vw; color: #ffffff; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05vw; }
.yorum-kaynak { font-size: 0.7vw; color: #cccccc; }
.yorum-dots { display: flex; gap: 0.5vw; margin-top: 1vw; z-index: 2; }
.yorum-dot { width: 0.7vw; height: 0.7vw; border-radius: 50%; background-color: rgba(255,255,255,0.3); cursor: pointer; transition: background-color 0.3s ease; }
.yorum-dot.active { background-color: #ffffff; }
.yorum-tirnak { position: absolute; right: 16vw; bottom: 8vw; width: 5vw; height: 5vw; border: 0.1vw solid rgba(255,255,255,0.4); display: flex; align-items: center; justify-content: center; z-index: 2; border-radius: 0.3vw; }
.yorum-tirnak svg { width: 2.2vw; height: 2.2vw; fill: rgba(255,255,255,0.4); }

.anasayfa-alan-6 {width: 100vw;padding: 6vw 16vw;background-color: #1f1f1f;display: flex;flex-direction: column;gap: 3vw;box-sizing: border-box;overflow: hidden;position: relative;}
.anasayfa-alan-6 .blog-baslik-kapsayici { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; }
.anasayfa-alan-6 .blog-baslik-alani { display: flex; text-align: left; }
.anasayfa-alan-6 .blog-ana-baslik { font-size: 2.5vw; color: #fdfdfd; font-weight: 400; }
.anasayfa-alan-6 .blog-slider-oklar {display: flex;gap: 1vw;position: absolute;top: 50%;z-index: 9;justify-content: space-between;width: 80%;left: 10vw;}
.anasayfa-alan-6 .blog-slider-oklar button { background: transparent; border: 0.1vw solid rgba(255,255,255,0.4); color: #ffffff; width: 3vw; height: 3vw; border-radius: 50%; font-size: 1.2vw; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.anasayfa-alan-6 .blog-slider-oklar button:hover:not(:disabled) { background-color: #ffffff; color: #1f1f1f; }
.anasayfa-alan-6 .blog-slider-oklar button:disabled { opacity: 0.2; cursor: not-allowed; border-color: rgba(255,255,255,0.2); }
.anasayfa-alan-6 .blog-slider-container { width: 100%; overflow: hidden; position: relative; }
.anasayfa-alan-6 .blog-track { display: flex; gap: 2vw; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); width: max-content; }
.anasayfa-alan-6 .blog-kart { width: 21.33vw; flex-shrink: 0; display: flex; flex-direction: column; text-decoration: none; cursor: pointer; align-items: center; }
.anasayfa-alan-6 .blog-gorsel-kutu { position: relative; width: 100%; height: 28vw; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.anasayfa-alan-6 .blog-gorsel { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; z-index: 0; }
.anasayfa-alan-6 .blog-gorsel-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; }
.anasayfa-alan-6 .blog-tarih { position: absolute; top: 1.5vw; left: 1.5vw; width: 3vw; height: 3.5vw; border: 0.05vw solid rgba(255,255,255,0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2; color: #ffffff; }
.anasayfa-alan-6 .blog-ay { font-size: 0.5vw; letter-spacing: 0.1vw; text-transform: uppercase; margin-bottom: 0.2vw; }
.anasayfa-alan-6 .blog-gun { font-size: 1vw; font-weight: 600; }
.anasayfa-alan-6 .blog-etiket { position: absolute; top: 1.5vw; right: 1.5vw; background-color: #e67e22; color: #ffffff; padding: 0.3vw 0.8vw; font-size: 0.6vw; font-weight: 600; letter-spacing: 0.1vw; text-transform: uppercase; z-index: 2; border-radius: 0.2vw; }
.anasayfa-alan-6 .blog-ok { position: absolute; right: 1.5vw; top: 50%; transform: translateY(-50%); width: 2.5vw; height: 2.5vw; border: 0.05vw solid rgba(255,255,255,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.4s ease; z-index: 2; color: #ffffff; }
.anasayfa-alan-6 .blog-ok svg { width: 1vw; height: 1vw; }
.anasayfa-alan-6 .blog-icerik { position: relative; background-color: #f6f5f0; width: 85%; padding: 2vw; margin-top: -4vw; z-index: 3; display: flex; flex-direction: column; gap: 0.8vw; box-shadow: 0 0.5vw 1vw rgba(0,0,0,0.1); transition: transform 0.4s ease; box-sizing: border-box; }
.anasayfa-alan-6 .blog-kart-baslik { font-size: 1.2vw;color: #333333; line-height: 1.6vw; font-weight: 400; }
.anasayfa-alan-6 .blog-ozet { font-size: 0.8vw; color: #666666; line-height: 1.3vw; font-weight: 300; }
.anasayfa-alan-6 .blog-alt-bilgi { display: flex; justify-content: space-between; align-items: center; margin-top: 0.5vw; border-top: 0.05vw solid #e0e0e0; padding-top: 1vw; }
.anasayfa-alan-6 .blog-okuma-suresi { font-size: 0.7vw; color: #888888; font-weight: 400; }
.anasayfa-alan-6 .blog-kart:hover .blog-gorsel { transform: scale(1.05); }
.anasayfa-alan-6 .blog-kart:hover .blog-gorsel-overlay { opacity: 1; }
.anasayfa-alan-6 .blog-kart:hover .blog-ok { opacity: 1; transform: translateY(-50%) translateX(-0.5vw); background-color: rgba(255,255,255,0.1); }
.anasayfa-alan-6 .blog-kart:hover .blog-icerik { transform: translateY(-7vw); }
.anasayfa-alan-6 .blog-kart:hover .blog-icerik h3.blog-kart-baslik {color: #1b4b6d;}
.anasayfa-alan-6 a.blog-kart {font-size: .9vw;color: #000;}

.anasayfa-alan-7 {position: relative;width: 100vw;min-height: 30vw;padding: 4vw 16vw;background-image: url(/wp-content/uploads/2026/06/fotoselli-pisuvar.png);background-size: cover;background-position: center;background-attachment: fixed;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.iletisim-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.15); z-index: 1; }
.iletisim-container {position: relative;z-index: 2;width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 8vw;flex-direction: row;}
.iletisim-bilgiler { flex: 1; display: flex; flex-direction: column; gap: 3vw; color: #ffffff; }
.bilgi-satir { display: flex; align-items: flex-start; gap: 1vw; }
.bilgi-ikon { display: flex; align-items: center; justify-content: center; width: 1.5vw; height: 1.5vw; margin-top: 0.2vw; }
.bilgi-ikon svg { width: 100%; height: 100%; }
.bilgi-metin { display: flex; flex-direction: column; gap: 0.3vw; }
.bilgi-baslik { font-size: 0.75vw; color: #e0e0e0; letter-spacing: 0.05vw; }
.bilgi-deger {font-size: 1.4vw;color: #ffffff;text-decoration: none;font-weight: 400;line-height: 1.6vw;transition: opacity 0.3s ease;}
.bilgi-deger:hover { opacity: 0.8; }
.iletisim-form-alani { width: 28vw; background-color: #ffffff; padding: 3vw; border-radius: 0.2vw; box-shadow: 0 1vw 2vw rgba(0,0,0,0.1); box-sizing: border-box; }
.iletisim-formu-kapsayici { display: flex; flex-direction: column; gap: 1vw; }
.form-basliklar {display: flex;flex-direction: column;gap: 0.5vw;margin-bottom: 0.5vw;padding-bottom: 0.5vw;border-bottom: 0.05vw solid #f0f0f0;}
.form-ust-baslik { font-size: 0.6vw; color: #a58f78; letter-spacing: 0.2vw; font-weight: 600; text-transform: uppercase; text-align: center; }
.form-ana-baslik {font-size: 1.8vw;color: #333333;font-weight: 400;text-align: left;}
.form-satir { width: 100%; }
.ikili-satir { display: flex; gap: 1vw; }
.wpcf7-form-control-wrap { width: 100%; display: block; }
.iletisim-formu-kapsayici input[type="text"], .iletisim-formu-kapsayici input[type="email"], .iletisim-formu-kapsayici input[type="tel"], .iletisim-formu-kapsayici textarea { width: 100%; padding: 0.8vw 0; border: none; border-bottom: 0.05vw solid #e0e0e0; background: transparent; font-size: 0.85vw; color: #333333; box-sizing: border-box; transition: border-color 0.3s ease; outline: none; resize: none; font-family: 'Segoe UI', sans-serif; }
.iletisim-formu-kapsayici input:focus, .iletisim-formu-kapsayici textarea:focus { border-bottom-color: #273c5b; }
.iletisim-formu-kapsayici input::placeholder, .iletisim-formu-kapsayici textarea::placeholder { color: #888888; font-size: 0.8vw; }
.iletisim-formu-kapsayici textarea { height: 5vw; margin-top: 0.5vw; }
.iletisim-formu-kapsayici input[type="submit"] {background-color: #1b4b6d;color: #ffffff;border: none;padding: 1.2vw 0;width: 100%;font-size: 0.8vw;font-weight: 600;letter-spacing: 0.1vw;text-transform: uppercase;cursor: pointer;transition: background-color 0.3s ease;margin-top: 1.5vw;}
.iletisim-formu-kapsayici input[type="submit"]:hover { background-color: #1a2a42; }
.wpcf7-not-valid-tip { font-size: 0.7vw; color: #e74c3c; margin-top: 0.3vw; }
.wpcf7-response-output { font-size: 0.8vw !important; padding: 1vw !important; margin-top: 1vw !important; border-radius: 0.2vw !important; border-width: 0.1vw !important; }

.anasayfa-alan-8 {width: 100vw;padding: 2vw 0;background-color: #ffffff;overflow: hidden;display: flex;align-items: center;box-sizing: border-box;border-top: 0.1vw solid #f9f9f9;border-bottom: 0.1vw solid #f9f9f9;}
.markalar-marquee-container {width: 100%;margin: 0 auto;overflow: hidden;position: relative;display: flex;}
.markalar-track { display: flex; width: max-content; animation: sonsuz-kaydirma 30s linear infinite; }
.markalar-track:hover { animation-play-state: paused; }
.marquee-item {width: 12vw;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.marquee-item img {width: 100%;height: auto;max-height: 6vw;object-fit: contain;transition: transform 0.3s ease;}
.marquee-item img:hover { transform: scale(1.1); }
@keyframes sonsuz-kaydirma { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.hero {position: relative;width: 100vw;height: 30vw;display: flex;align-items: center;justify-content: flex-start;padding: 0 16vw;box-sizing: border-box;}
.hero::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 38%);z-index: 1;}
.hero-baslik {font-size: 3vw;color: #ffffff;font-weight: 400;position: relative;text-align: left;z-index: 2;letter-spacing: 0.1vw;}
.hero-meta { display: flex; align-items: center; gap: 0.8vw; color: #e67e22; font-size: 0.85vw; font-weight: 600; letter-spacing: 0.1vw; text-transform: uppercase; margin-bottom: 0.5vw; }
.hero-ayrac { color: #ffffff; opacity: 0.5; }
.hero-tarih { color: #e0e0e0; font-weight: 400; }
.hero-kategori-aciklama {font-size: 1vw;color: #ffffff;font-weight: 400;margin-top: 1vw;}



.kurumsal-musteriler { position: relative; width: 100vw; min-height: 40vw; padding: 8vw 16vw; background-image: url(/wp-content/uploads/2023/10/kapak.jpg); background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; overflow: hidden; }
.kurumsal { width: 100vw; display: flex; flex-direction: column; background-color: #ffffff; box-sizing: border-box; }
.kurumsal-icerik {width: 100vw;padding: 6vw 16vw;display: flex;flex-direction: column;align-items: flex-start;text-align: left;gap: 2vw;box-sizing: border-box;}
.kurumsal-icerik-baslik {font-size: 2.2vw;color: #333333;font-weight: 400;letter-spacing: 0.05vw;margin-bottom: 1vw;}
.kurumsal-metin { font-size: 0.85vw; color: #777777; line-height: 1.8vw; font-weight: 300; }

.markalar-card {width: 100vw;height: 50vw;display: flex;position: relative;background: url(/wp-content/uploads/2026/06/mermer.png);background-size: cover;background-repeat: no-repeat;align-items: center;justify-content: center;}
.markalar-iletisim {position: relative;width: 100vw;min-height: 30vw;padding: 4vw 16vw;background-image: url(/wp-content/uploads/2026/06/6662c7f102f3a.jpg);background-size: cover;background-position: center;background-attachment: fixed;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}

.blog {width: 100vw;display: flex;flex-direction: column;box-sizing: border-box;background-color: #ffffff;}
.blog-liste {display: grid;grid-template-columns: repeat(2, 1fr);gap: 4vw 3vw;width: 100%;padding: 4vw 16vw;box-sizing: border-box;}
.blog-kutu { display: flex; flex-direction: column; width: 100%; }
.blog-gorsel-kutu { position: relative; width: 100%; height: 24vw; overflow: hidden; margin-bottom: 2vw; background-color: #f5f5f5; }
.blog-gorsel-kutu img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.blog-kutu:hover .blog-gorsel-kutu img { transform: scale(1.05); }
.blog-tarih { position: absolute; bottom: 1.5vw; left: 1.5vw; border: 0.05vw solid rgba(255,255,255,0.4); padding: 0.5vw 1vw; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; background-color: transparent; }
.blog-tarih-ay { font-size: 0.7vw; letter-spacing: 0.1vw; text-transform: uppercase; margin-bottom: 0.2vw; }
.blog-tarih-gun { font-size: 1.2vw; font-weight: 600; }
.blog-icerik { display: flex; flex-direction: column; gap: 1.5vw; align-items: flex-start; }
.blog-baslik { font-size: 1.8vw; font-family: 'Times New Roman', serif; color: #333333; line-height: 2.2vw; font-weight: 400; margin: 0; }
.blog-baslik a { color: inherit; text-decoration: none; transition: color 0.3s ease; }
.blog-baslik a:hover { color: #a58f78; }
.blog-ozet { font-size: 0.85vw; color: #666666; line-height: 1.5vw; font-weight: 300; }
.blog-buton { background-color: #273c5b; color: #ffffff; padding: 0.8vw 1.5vw; font-size: 0.75vw; text-decoration: none; letter-spacing: 0.1vw; text-transform: uppercase; transition: background-color 0.3s ease; }
.blog-buton:hover { background-color: #1a2a42; }
.blog-sayfalama {display: flex;justify-content: center;align-items: center;gap: 1vw;width: 100%;padding-bottom: 4vw;}
.blog-sayfalama .page-numbers { display: flex; align-items: center; justify-content: center; width: 3.5vw; height: 3.5vw; border-radius: 50%; border: 0.05vw solid #e0e0e0; color: #777777; text-decoration: none; font-size: 1.2vw; font-weight: 300; transition: all 0.3s ease; font-family: 'Segoe UI', sans-serif; }
.blog-sayfalama .page-numbers.current { border-color: #a58f78; color: #a58f78; }
.blog-sayfalama .page-numbers:hover:not(.current) { border-color: #a58f78; color: #a58f78; }
.blog-bos-uyari { font-size: 1vw; color: #666666; text-align: center; width: 100%; padding: 4vw 0; }

.blogs { width: 100vw; display: flex; flex-direction: column; background-color: #ffffff; }
.blogs .detay-icerik-alani {width: 100vw;padding: 6vw 16vw;box-sizing: border-box;}
.blogs .detay-metin {font-size: 1.1vw;color: #444444;}
.blogs .detay-metin p {font-family: 'Barlow', sans-serif;font-size: 1vw;font-weight: 400;color: #666;margin-bottom: 20px;}
.blogs .detay-metin h2, .detay-metin h3 { color: #222222; margin: 3vw 0 1.5vw 0; }
.blogs .detay-metin h2 { font-size: 2vw; }
.blogs .detay-metin h3 { font-size: 1.5vw; }
.blogs .detay-metin img {max-width: 100%;height: auto;border-radius: 0.4vw;margin: 2vw 0;display: block;object-fit: cover;width: 100%;}
.blogs .detay-metin blockquote { border-left: 0.3vw solid #e67e22; padding-left: 1.5vw; margin: 2vw 0; font-style: italic; color: #666666; font-size: 1.2vw; }
.blogs .detay-metin ul, .detay-metin ol { margin-bottom: 1.5vw; padding-left: 2vw; }
.blogs .detay-metin li { margin-bottom: 0.5vw; }

.iletisim {width: 100vw;display: flex;flex-direction: column;background-color: #ffffff;box-sizing: border-box;}
.iletisim-ana-baslik { font-size: 3vw;color: #333333; font-weight: 400; margin: 0; letter-spacing: 0.05vw; }
.iletisim-alt {display: flex;width: 100%;justify-content: space-between;gap: 8vw;padding: 4vw 16vw;box-sizing: border-box;}
.iletisim-bilgiler { flex: 1; display: flex; flex-direction: column; gap: 3vw; }
.iletisim-kutu { display: flex; align-items: flex-start; gap: 1.5vw; }
.iletisim-ikon { width: 3.5vw; height: 3.5vw; background-color: #fcfcfc; border: 0.05vw solid #f0f0f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #273c5b; flex-shrink: 0; transition: all 0.3s ease; }
.iletisim-kutu:hover .iletisim-ikon { background-color: #273c5b; color: #ffffff; border-color: #273c5b; transform: translateY(-0.2vw); }
.iletisim-ikon svg { width: 1.5vw; height: 1.5vw; stroke-width: 0.15vw; }
.iletisim-metin-grup { display: flex; flex-direction: column; gap: 0.5vw; justify-content: center; }
.iletisim-label { font-size: 1.2vw; font-weight: 600; color: #333333; }
.iletisim-deger { font-size: 0.9vw; color: #666666; text-decoration: none; line-height: 1.4vw; transition: color 0.3s ease; }
.iletisim-deger:hover { color: #273c5b; }
.iletisim-sosyal { display: flex; gap: 1vw; margin-top: 1vw; }
.iletisim-sosyal a { width: 2.5vw; height: 2.5vw; background-color: #fcfcfc; border: 0.05vw solid #f0f0f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #666666; transition: all 0.3s ease; }
.iletisim-sosyal a:hover { background-color: #273c5b; color: #ffffff; border-color: #273c5b; }
.iletisim-sosyal svg { width: 1vw; height: 1vw; }
.iletisim-form-kapsayici { flex: 1.5; background-color: #ffffff; }
.cf7-iletisim-formu { display: flex; flex-direction: column; gap: 1.5vw; width: 100%; }
.cf7-ikili-satir { display: flex; gap: 1.5vw; width: 100%; }
.cf7-satir { flex: 1; display: flex; flex-direction: column; }
.cf7-iletisim-formu input[type="text"], .cf7-iletisim-formu input[type="email"],.cf7-iletisim-formu input[type="tel"], .cf7-iletisim-formu textarea { width: 100%; padding: 1.2vw 1.5vw; font-size: 0.85vw; font-family: 'Segoe UI', sans-serif; color: #333333; border: 0.05vw solid #e5e5e5; background-color: #fdfdfd; border-radius: 0.2vw; box-sizing: border-box; outline: none; transition: border-color 0.3s ease, background-color 0.3s ease; }
.cf7-iletisim-formu input:focus, .cf7-iletisim-formu textarea:focus { border-color: #273c5b; background-color: #ffffff; }
.cf7-iletisim-formu textarea { height: 10vw; resize: vertical; }
.cf7-iletisim-formu input[type="submit"] {background-color: #1b4b6d;color: #ffffff;font-size: 0.8vw;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1vw;padding: 1.2vw 2.5vw;border: none;border-radius: 0.2vw;cursor: pointer;transition: background-color 0.3s ease;width: max-content;}
.cf7-iletisim-formu input[type="submit"]:hover { background-color: #1a2a42; }
.wpcf7-not-valid-tip { font-size: 0.75vw; color: #e74c3c; margin-top: 0.4vw; }
.wpcf7-response-output { font-size: 0.8vw !important; padding: 1vw !important; margin-top: 1.5vw !important; border-radius: 0.2vw !important; border-width: 0.1vw !important; }

.footer { width: 100vw; display: flex; flex-direction: column; background-color: #1a1a1a; box-sizing: border-box; }
.footer-ust {display: flex;width: 100vw;height: 28vw;}
.footer-harita { width: 50vw; height: 100%; background-color: #e5e5e5; }
.footer-harita iframe { width: 100%; height: 100%; border: none; }
.footer-icerik {width: 50vw;height: 100%;padding: 2vw 4vw;display: flex;justify-content: flex-start;gap: 5vw;box-sizing: border-box;background-color: #1f1f1f;}
.footer-sutun {display: flex;flex-direction: column;gap: 0.5vw;}
.footer-baslik {font-size: 1.4vw;font-weight: 400;letter-spacing: 0.05vw;color: #fdfdfd;}
.footer-linkler {list-style: none;display: flex;flex-direction: column;gap: .5vw;padding: 0;margin: 0;}
.footer-linkler a {color: #a0a0a0;text-decoration: none;font-size: .9vw;transition: color 0.3s ease;}
.footer-linkler a:hover { color: #ffffff; }
.footer-metin { color: #d0d0d0; font-size: 1.1vw; line-height: 1.8vw; font-weight: 300; }
.mt-1 { margin-top: 1vw; }
.footer-mail { color: #a0a0a0; font-size: 0.75vw;text-decoration: none; border-bottom: 0.05vw solid #444; padding-bottom: 0.2vw; width: max-content; margin-top: 0.5vw; transition: all 0.3s ease; }
.footer-mail:hover { color: #ffffff; border-color: #ffffff; }
.footer-sosyal {display: flex;gap: 1vw;margin-top: 1vw;}
.footer-sosyal a {color: #a0a0a0;width: 1.5vw;height: 1.5vw;display: flex;align-items: center;justify-content: center;transition: color 0.3s ease;}
.footer-sosyal a:hover { color: #ffffff; }
.footer-sosyal svg { width: 100%; height: 100%; fill: currentColor; }
.footer-alt { width: 100vw; height: 5vw; background-color: #151515; display: flex; align-items: center; justify-content: center; position: relative; box-sizing: border-box; border-top: 0.05vw solid #252525; }
.footer-telif { display: flex; align-items: center; gap: 0.6vw; font-size: 0.65vw; color: #666666; letter-spacing: 0.05vw; }
.footer-telif img { height: 1.2vw; object-fit: contain; opacity: 0.8; transition: opacity 0.3s ease; cursor: pointer; }
.footer-telif img:hover { opacity: 1; }
.ssl-3d {width:20vw; object-fit:cover;}