/* İska İskele - tek stil dosyası. Renkler ve ölçüler canlı siteden alındı. */
:root {
    --bordo: #750D00;
    --bordo-koyu: #850000;
    --kirmizi: #A31C1B;
    --sari: #FDB90D;
    --turuncu: #F39100;
    --gri-zemin: #F1F1F1;
    --gri-yazi: #7A7A7A;
    --yazi: #222;
    --golge: 0 2px 14px rgba(0, 0, 0, .09);
    --font: 'Montserrat', 'Noto Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); color: var(--yazi); background: #fff; line-height: 1.5; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { margin: 0; line-height: 1.15; }
button { font: inherit; cursor: pointer; }
.ikon { display: inline-block; vertical-align: middle; flex-shrink: 0; }

.atla { position: absolute; left: -9999px; top: 0; background: #fff; padding: 8px 14px; z-index: 100; }
.atla:focus { left: 8px; top: 8px; }

.kap { max-width: 1500px; margin: 0 auto; padding: 0 20px; }

/* ---------- Üst bar ---------- */
.ust-bar { background: var(--bordo-koyu); color: #fff; font-size: 15px; }
.ust-bar-ic { max-width: 1500px; margin: 0 auto; padding: 0 12px; height: 36px; display: flex; align-items: center; justify-content: space-between; }
.sosyal { display: flex; gap: 12px; }
.sosyal a { display: flex; opacity: .95; }
.sosyal a:hover { opacity: .7; }
.dil { display: flex; gap: 22px; }
.dil a { display: flex; align-items: center; gap: 6px; font-weight: 500; }
.dil a:hover { text-decoration: underline; }
.bayrak { width: 20px; height: 14px; display: inline-block; background-size: cover; border-radius: 1px; }
.bayrak-tr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='11' cy='10' r='5' fill='%23fff'/%3E%3Ccircle cx='12.3' cy='10' r='4' fill='%23E30A17'/%3E%3Cpath d='M16.5 10l3.6-1.2-2.2 3.1V8.1l2.2 3.1z' fill='%23fff'/%3E%3C/svg%3E"); }
.bayrak-en { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0 0l60 30M60 0L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0l60 30M60 0L0 30' stroke='%23C8102E' stroke-width='2'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E"); }
.bayrak-fr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23ED2939'/%3E%3Crect width='2' height='2' fill='%23fff'/%3E%3Crect width='1' height='2' fill='%23002395'/%3E%3C/svg%3E"); }
.bayrak-el { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 18'%3E%3Crect width='27' height='18' fill='%230D5EAF'/%3E%3Cpath d='M0 3h27M0 7h27M0 11h27M0 15h27' stroke='%23fff' stroke-width='2'/%3E%3Crect width='10' height='10' fill='%230D5EAF'/%3E%3Cpath d='M5 0v10M0 5h10' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); }
.bayrak-bg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Crect width='5' height='3' fill='%23D62612'/%3E%3Crect width='5' height='2' fill='%2300966E'/%3E%3Crect width='5' height='1' fill='%23fff'/%3E%3C/svg%3E"); }
.bayrak-de { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Crect width='5' height='3' fill='%23FFCE00'/%3E%3Crect width='5' height='2' fill='%23DD0000'/%3E%3Crect width='5' height='1' fill='%23000'/%3E%3C/svg%3E"); }
.bayrak-it { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23CE2B37'/%3E%3Crect width='2' height='2' fill='%23fff'/%3E%3Crect width='1' height='2' fill='%23009246'/%3E%3C/svg%3E"); }
.bayrak-es { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23AA151B'/%3E%3Crect y='.5' width='3' height='1' fill='%23F1BF00'/%3E%3C/svg%3E"); }
.bayrak-ru { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Crect width='9' height='6' fill='%23D52B1E'/%3E%3Crect width='9' height='4' fill='%230039A6'/%3E%3Crect width='9' height='2' fill='%23fff'/%3E%3C/svg%3E"); }

/* ---------- Başlık / menü ---------- */
/* Kaydırınca ekranın üstünde kalır (canlıdaki gibi hafif şeffaf). backdrop-filter kullanılmadı:
   sabit (fixed) mobil menü çekmecesinin konumunu bozar. */
.baslik { background: rgba(255, 255, 255, .93); position: sticky; top: 0; z-index: 20; transition: box-shadow .2s; }
body.kaydirildi .baslik { box-shadow: 0 2px 14px rgba(0, 0, 0, .08); }
.baslik-ic { max-width: 1500px; margin: 0 auto; padding: 0 8px 0 12px; height: 120px; display: flex; align-items: center; gap: 24px; }
.logo { flex-shrink: 0; }
.logo img { width: 225px; }

.menu { flex: 1; display: flex; justify-content: center; }
.menu > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 6px; }
.menu > ul > li { position: relative; }
.menu > ul > li > a { white-space: nowrap; } /* uzun dillerde menü öğesi iki satıra bölünmesin */
.menu > ul > li > a { display: flex; align-items: center; padding: 12px 15px; font-weight: 700; font-size: 17px; color: #000; letter-spacing: -.2px; transition: color .15s; }
@media (max-width: 1400px) and (min-width: 1201px) { .baslik-ic { gap: 14px; } .menu > ul { gap: 2px; } .menu > ul > li > a { padding: 12px 8px; font-size: 15.5px; } .iskacad img { width: 96px; } }
@media (max-width: 1260px) and (min-width: 1201px) { .menu > ul > li > a { padding: 12px 6px; font-size: 15px; } }
.menu > ul > li > a:hover, .menu > ul > li.aktif > a { color: var(--bordo); }
.menu-ev > a { color: var(--kirmizi) !important; }
.mobil-yazi { display: none; }
.alt-var > a::after { content: ''; margin-left: 9px; border: 5px solid transparent; border-top: 6px solid currentColor; border-bottom: 0; }
.alt-ac { display: none; }

.alt-menu { list-style: none; margin: 0; padding: 8px 0; position: absolute; top: 100%; left: 0; min-width: 270px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.12); border-top: 3px solid var(--bordo); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .18s; }
.alt-var:hover > .alt-menu, .alt-var:focus-within > .alt-menu { opacity: 1; visibility: visible; transform: none; }
.alt-menu a { display: block; padding: 10px 18px; font-size: 15px; font-weight: 500; }
.alt-menu a:hover { background: var(--gri-zemin); color: var(--bordo); }

.iskacad { flex-shrink: 0; border: 1px solid #ddd; border-radius: 30px; padding: 12px 20px; transition: box-shadow .15s; }
.iskacad:hover { box-shadow: var(--golge); }
.iskacad img { width: 112px; }

.menu-dugme { display: none; background: none; border: 0; color: var(--bordo); padding: 8px; margin-left: auto; }

/* ---------- Düğmeler ---------- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 40px; transition: .15s; }
.dugme-beyaz { background: #fff; color: var(--kirmizi); padding: 10px 26px; font-size: 18px; font-weight: 500; }
.dugme-beyaz:hover { background: var(--sari); color: var(--bordo); }
.dugme-hap { background: #fff; color: #333; padding: 14px 20px; font-size: 14px; box-shadow: 0 2px 10px rgba(0,0,0,.1); }
.dugme-hap:hover { box-shadow: 0 4px 16px rgba(0,0,0,.16); color: var(--bordo); }
.bulunamadi { padding: 80px 20px; text-align: center; }
.bulunamadi .dugme { background: var(--bordo); color: #fff; padding: 12px 26px; margin-top: 10px; }

/* ---------- Vitrin (slayt + kısayollar) ---------- */
.vitrin { position: relative; }
.slayt-alan { position: relative; height: clamp(650px, 39vw, 800px); overflow: hidden; background: #ddd; }
.slayt { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; }
.slayt.aktif { opacity: 1; z-index: 1; }
.slayt > img { width: 100%; height: 100%; object-fit: cover; }
/* Aktif slaytta resim yavaşça yakınlaşır (Ken Burns), yazı kutusu yukarıdan iner.
   Animasyon .aktif sınıfına bağlı olduğu için her slayt geçişinde baştan başlar. */
.slayt.aktif > img { animation: yakinlas 7s ease-out forwards; }
.slayt.aktif .slayt-kutu { animation: yukaridan-in .9s cubic-bezier(.2, .7, .3, 1) .25s both; }
.slayt.cikan > img { transform: scale(1.12); } /* kaybolurken eski boyuta zıplamasın */
@keyframes yakinlas { from { transform: scale(1); } to { transform: scale(1.13); } }
@keyframes yukaridan-in { from { opacity: 0; transform: translateY(-70px); } to { opacity: 1; transform: none; } }
.slayt-kutu { position: absolute; right: 150px; top: 42%; max-width: 560px; background: linear-gradient(135deg, rgba(150, 26, 26, .9), rgba(112, 18, 18, .86)); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); color: #fff; padding: 28px 32px 30px; }
.slayt-kutu h2 { font-size: 36px; font-weight: 600; letter-spacing: -.6px; margin-bottom: 22px; }
.slayt-ok { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); background: none; border: 0; color: rgba(255,255,255,.75); padding: 12px; }
.slayt-ok:hover { color: #fff; }
.slayt-geri { left: 20px; }
.slayt-ileri { right: 20px; }

.kisayollar { position: absolute; left: 50%; transform: translateX(-50%); width: min(100%, 1500px); bottom: 0; z-index: 3; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); height: 96px; background: var(--kisayol-zemin) center/cover; }
.kisayollar a { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 21px; font-weight: 600; line-height: 1.1; letter-spacing: -.6px; color: #000; background: rgba(240, 240, 240, .82); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-right: 1px solid rgba(0,0,0,.35); transition: background .15s; }
.kisayollar a:hover { background: rgba(255, 255, 255, .95); color: var(--bordo); }
.kisayollar a.vurgu { background: var(--kirmizi); color: #fff; border-right: 0; font-weight: 700; }
.kisayollar a.vurgu:hover { background: var(--bordo); }

/* ---------- Bölümler ---------- */
.bolum { padding: 80px 0 60px; }
.bolum-gri { background: var(--gri-zemin); }
.bolum-baslik { font-size: 44px; font-weight: 900; color: var(--bordo); letter-spacing: -3.2px; }
.bolum-baslik-buyuk { font-size: 50px; }
.bolum-alt { margin: 4px 0 18px; font-size: 17px; color: #333; }
.ust-etiket { margin: 0; font-size: 20px; color: #c9c9c9; font-weight: 400; }
.ana-h1 { margin: 0 0 8px; font-size: 20px; color: #888; font-weight: 500; }

.sistemler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 55px; }
.sistem-kart { background: #fff; box-shadow: var(--golge); padding: 6px 6px 22px; text-align: center; transition: box-shadow .25s; }
.sistem-kart:hover { box-shadow: 0 6px 22px rgba(0,0,0,.14); }
.sistem-kart img { width: 100%; aspect-ratio: 435 / 275; object-fit: cover; transition: filter .35s; }
.sistem-kart:hover img { filter: grayscale(1); } /* canlıdaki gibi üstüne gelince siyah-beyaz */
.sistem-ad { display: block; margin-top: 18px; font-size: 27px; color: var(--bordo); font-weight: 400; letter-spacing: -2.2px; line-height: 1.15; }
.sistem-ad strong { display: block; font-weight: 800; letter-spacing: -2px; }

.projeler { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; margin-top: 40px; }
.proje-kart { position: relative; display: block; height: 285px; border-top: 6px solid var(--bordo); overflow: hidden; background: #ccc; }
.proje-kart img { width: 100%; height: 100%; object-fit: cover; transition: filter .35s; }
.proje-kart:hover img { filter: brightness(.45); } /* canlıdaki gibi üstüne gelince kararır */
.proje-no { position: absolute; left: 14px; top: 0; background: var(--bordo); color: #fff; font-weight: 700; font-size: 24px; min-width: 40px; height: 42px; display: flex; align-items: center; justify-content: center; }
.proje-ad { position: absolute; right: 20px; bottom: 20px; background: var(--sari); color: var(--bordo); font-weight: 700; font-size: 18px; padding: 6px 11px; }

.referans-bolum { padding-bottom: 120px; }
.logolar { overflow: hidden; margin-top: 50px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.logo-serit { display: flex; align-items: center; gap: 50px; width: max-content; animation: kay 55s linear infinite; }
.logolar:hover .logo-serit { animation-play-state: paused; }
.logo-serit img { height: 95px; width: auto; max-width: 200px; object-fit: contain; filter: grayscale(1); opacity: .85; transition: .2s; }
.logo-serit img:hover { filter: none; opacity: 1; }
@keyframes kay { to { transform: translateX(-50%); } }

/* ---------- İç sayfa başlık şeridi ---------- */
/* Noktalı desen canlıdaki gibi sadece sağ yarıda */
.sayfa-baslik { position: relative; background: #f5f5f5; padding: 32px 20px; text-align: center; border-top: 1px solid #eee; }
.sayfa-baslik::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 44%; background: radial-gradient(#d9d9d9 1.1px, transparent 1.3px) 0 0 / 12px 12px; }
.sayfa-baslik h1 { position: relative; color: var(--bordo); font-size: 40px; font-weight: 800; letter-spacing: -1.5px; }

/* ---------- Kurumsal ---------- */
.kurumsal { padding-top: 60px; }
.kurumsal-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.kurumsal-metin .bolum-baslik { margin-bottom: 18px; line-height: 1.05; }
.kurumsal-metin p { margin: 0 0 24px; font-size: 18px; color: #333; text-align: justify; hyphens: auto; }
.kurumsal-metin strong { color: #111; font-weight: 700; }
/* Birden fazla resim verilirse aralıklı alt alta dizilir */
.kurumsal-resimler { display: grid; gap: 12px; }
.kurumsal-resimler img { width: 100%; box-shadow: var(--golge); }

.rakamlar { background: #f6f3f1; }
.rakamlar .bolum-baslik { text-align: center; margin-bottom: 28px; }
.rakam-izgara { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.rakam-izgara.rakam-uretim { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rakam { background: #fff; border-radius: 6px; box-shadow: var(--golge); padding: 22px 12px 18px; text-align: center; display: flex; flex-direction: column; gap: 6px; }
.rakam-deger { font-size: 28px; font-weight: 800; color: var(--bordo); letter-spacing: -.5px; line-height: 1.1; }
.rakam-etiket { font-size: 13.5px; color: #555; line-height: 1.35; }
.ihracat-bolge { padding: 18px 16px; }
.ihracat-ad { font-size: 16px; font-weight: 700; color: var(--bordo); }
.rakam-alt-baslik { text-align: center; font-size: 20px; font-weight: 700; color: #333; margin: 34px 0 16px; }
@media (max-width: 1024px) { .rakam-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rakam-izgara.rakam-uretim { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .rakam-izgara, .rakam-izgara.rakam-uretim { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rakam-deger { font-size: 23px; } }
.misyon-vizyon { background: #8C0B12 linear-gradient(115deg, #95111a 0 30%, #8C0B12 30% 62%, #7f040b 62%); color: #fff; padding: 56px 0; }
.mv-izgara { display: grid; grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 30px; align-items: center; }
.mv-baslik { font-size: 38px; font-weight: 800; letter-spacing: -1px; }
.mv-metin { margin: 0; font-size: 15px; text-align: justify; }
.mv-baslik.mv-vizyon { color: #F7A21B; }
.mv-metin.mv-vizyon { color: #FFC559; }

/* ---------- Projeler sayfası (dik kartlar; son satır ortalanır) ---------- */
.projeler-sayfa { padding-top: 46px; }
.projeler-giris { max-width: 900px; text-align: center; margin: -20px auto 40px; font-size: 17px; line-height: 1.7; color: #444; }
.proje-dik-izgara { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.proje-dik { position: relative; display: block; flex: 0 0 calc((100% - 30px) / 4); aspect-ratio: 203 / 277; border-radius: 5px; overflow: hidden; background: #ccc; }
.proje-dik img { width: 100%; height: 100%; object-fit: cover; transition: filter .35s; }
.proje-dik:hover img { filter: brightness(.45); }
.proje-dik-ad { position: absolute; left: 16px; bottom: 26px; background: var(--sari); color: var(--bordo); font-size: 28px; font-weight: 500; line-height: 1; letter-spacing: -.8px; padding: 10px 14px 12px; }

/* ---------- İletişim ---------- */
.harita iframe { display: block; width: 100%; height: 420px; border: 0; }
.iletisim { padding-top: 60px; }
.iletisim-izgara { max-width: 1000px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 60px; align-items: center; }
.kucuk-ust { margin: 0 0 4px; font-size: 14px; color: #555; }
.iletisim-baslik { font-size: 32px; font-weight: 700; color: #555; letter-spacing: -1px; margin-bottom: 26px; max-width: 340px; }
.iletisim-form form { display: grid; gap: 10px; max-width: 360px; margin-left: 24px; }
.iletisim-form input, .iletisim-form textarea { width: 100%; font: inherit; font-size: 14px; padding: 10px 14px; border: 1px solid #ddd; border-radius: 3px; background: #fff; color: #222; }
.iletisim-form input:focus, .iletisim-form textarea:focus { outline: 2px solid rgba(117, 13, 0, .35); border-color: var(--bordo); }
.iletisim-form [aria-invalid="true"] { border-color: #c62828; }
.iletisim-form textarea { min-height: 96px; resize: vertical; }
.form-dugme { justify-self: end; background: var(--bordo); color: #fff; border: 0; padding: 11px 22px; font-weight: 700; font-size: 14px; border-radius: 2px; transition: background .15s; }
.form-dugme:hover { background: var(--kirmizi); }
.form-mesaj { margin: 0 0 16px 24px; max-width: 360px; padding: 12px 14px; font-size: 14px; border-radius: 3px; }
.form-mesaj ul { margin: 6px 0 0; padding-left: 18px; }
.form-tamam { background: #e8f5e9; color: #1b5e20; }
.form-hata { background: #fdecea; color: #8a1c1c; }
.tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gizli-etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.iletisim-bilgi { text-align: right; }
.ofis + .ofis { margin-top: 18px; }
.ofis-ad { font-size: 32px; font-weight: 800; color: var(--bordo); letter-spacing: -1.2px; margin: 10px 0 12px; }
.ofis-adres { margin: 0 0 12px; color: #555; font-size: 16px; line-height: 1.35; }
.ofis-tel { margin: 0; font-size: 28px; font-weight: 600; color: #444; letter-spacing: -.5px; line-height: 1.25; }
.ofis-tel span { font-size: 12px; font-weight: 400; margin-right: 6px; }
.ofis-tel a:hover, .ofis-eposta a:hover { color: var(--bordo); }
.ofis-eposta { margin: 14px 0 0; font-size: 16px; color: #555; }

/* ---------- Teklif Alın (solda dik resim, sağda form; form alanları iletişimle ortak) ---------- */
.teklif { padding-top: 70px; }
.teklif-izgara { max-width: 1120px; display: grid; grid-template-columns: minmax(0, 550px) minmax(0, 470px); gap: 60px; justify-content: center; align-items: start; }
.teklif-resim img { width: 100%; aspect-ratio: 550 / 870; object-fit: cover; }
.teklif-form { padding-top: 46px; }
.teklif-baslik { font-size: 44px; font-weight: 600; color: var(--bordo); letter-spacing: -2px; line-height: 1; margin-bottom: 18px; }
.teklif-form form { display: grid; gap: 10px; }
.teklif-form input, .teklif-form textarea, .teklif-form select { width: 100%; font: inherit; font-size: 15px; padding: 11px 15px; border: 1px solid #ddd; border-radius: 0; background: #fff; color: #222; }
.teklif-form select { appearance: auto; }
.teklif-form textarea { min-height: 96px; resize: vertical; }
.teklif-form input:focus, .teklif-form textarea:focus, .teklif-form select:focus { outline: 2px solid rgba(117, 13, 0, .35); border-color: var(--bordo); }
.teklif-form [aria-invalid="true"] { border-color: #c62828; }
.form-etiket { font-size: 16px; color: #444; margin: 4px 0 -2px; }
.teklif-form .form-mesaj { margin-left: 0; max-width: none; }
.teklif-dugme { justify-self: start; background: #8B0000; font-weight: 500; font-size: 16px; padding: 11px 24px; }

/* ---------- Dökümanlar (resimli kartlar, altta karartma üstünde yazı) ---------- */
.dokumanlar { padding: 90px 0 110px; }
.dokuman-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 290px)); gap: 10px; justify-content: center; }
@media (max-width: 1240px) and (min-width: 901px) { .dokuman-izgara { grid-template-columns: repeat(2, minmax(0, 370px)); } }
.dokuman-kart { position: relative; display: block; aspect-ratio: 370 / 495; overflow: hidden; background: #222; color: #fff; }
.dokuman-kart img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.dokuman-kart:hover img { transform: scale(1.04); }
.dokuman-kart::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.55) 62%, #000 100%); }
.dokuman-icerik { position: absolute; z-index: 1; right: 24px; bottom: 26px; left: 24px; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.dokuman-baslik { font-size: 32px; font-weight: 800; letter-spacing: -1.5px; line-height: .98; margin-bottom: 14px; }
.dokuman-aciklama { font-size: 17px; line-height: 1.2; margin-bottom: 18px; }
.dokuman-dugme { background: var(--turuncu); color: #fff; padding: 9px 24px; font-weight: 500; font-size: 17px; transition: background .15s; }
.dokuman-kart:hover .dokuman-dugme { background: var(--bordo); }

/* ---------- Sertifikalar (belge kesilmeden tam görünür) ---------- */
.sertifikalar { padding: 70px 0 100px; }
/* flex: son satırdaki kartlar ortalanır */
.sertifika-izgara { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; max-width: 1240px; margin: 0 auto; }
.sertifika-hd { text-align: center; margin: 28px auto 0; font-size: 15px; }
.sertifika-hd a { color: inherit; text-decoration: underline; }
.sertifika-kart { flex: 0 0 calc((100% - 66px) / 4); display: flex; flex-direction: column; align-items: center; text-align: center; border: 1px solid #ddd; background: #fff; padding: 0 0 20px; transition: box-shadow .2s, border-color .2s; }
.sertifika-kart:hover { box-shadow: 0 8px 24px rgba(0,0,0,.12); border-color: #ccc; }
.sertifika-resim { position: relative; display: block; width: 100%; background: #f2f2f2; padding: 18px 18px 0; }
.sertifika-resim img { width: 100%; aspect-ratio: 708 / 1000; object-fit: contain; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.sertifika-serit { position: absolute; left: 0; bottom: 22px; background: var(--turuncu); color: #fff; font-size: 15px; font-weight: 500; padding: 7px 16px; transition: background .15s; }
.sertifika-kart:hover .sertifika-serit { background: var(--bordo); }
.bolunmez { white-space: nowrap; }
.sertifika-ad { margin-top: 16px; font-size: 22px; font-weight: 700; color: #555; letter-spacing: -.6px; line-height: 1.2; padding: 0 14px; }
.sertifika-bilgi { display: flex; flex-direction: column; gap: 3px; margin-top: 10px; padding: 0 16px; font-size: 13px; line-height: 1.4; color: #666; text-align: start; width: 100%; }
.sertifika-bilgi b { color: #444; font-weight: 600; }
.sertifika-not { margin-top: 4px; font-size: 14px; color: #888; padding: 0 10px; }

/* ---------- İSKA CAD (sade tanıtım sayfası) ---------- */
.iskacad-sayfa { max-width: 1140px; margin: 0 auto; padding: 50px 20px 80px; } /* .iskacad üst menüdeki buton, karıştırma */
.iskacad-ust { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.iskacad-logo img { width: 340px; }
.iskacad-git { font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 10px 26px; border-radius: 30px; transition: .15s; color: #fff; background: #0B4F6C; }
.iskacad-git:hover { background: #083a50; }
.iskacad-metin { text-align: center; color: #666; font-size: 16px; margin: 18px auto 24px; max-width: 1130px; }
.iskacad-resimler { display: grid; grid-template-columns: minmax(0, 1.78fr) minmax(0, 1fr); gap: 16px; }
.iskacad-kutu { background: #fff; border-radius: 12px; box-shadow: 0 2px 16px rgba(0,0,0,.08); padding: 20px; display: flex; align-items: center; justify-content: center; }
.iskacad-kutu img { width: 100%; aspect-ratio: 1.68; object-fit: contain; }
.iskacad-kutu:last-child img { aspect-ratio: .93; }

/* ---------- Proje detay: metin + taş duvar galeri (dik/yatay resimler kendi oranında) ---------- */
.proje-detay { padding-top: 50px; }
.proje-metin { max-width: 1000px; margin: 0 auto 36px; font-size: 16px; color: #444; text-align: justify; }
.proje-metin strong { color: #111; }
.proje-kunye { max-width: 1000px; margin: -12px auto 36px; display: flex; flex-wrap: wrap; gap: 10px 32px; padding: 14px 18px; background: #f5f5f5; border-radius: 4px; font-size: 14px; }
.proje-kunye dt { color: #888; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; }
.proje-kunye dd { margin: 2px 0 0; color: #222; font-weight: 600; }
.galeri { columns: 3; column-gap: 12px; }
.galeri-oge { display: block; margin-bottom: 12px; break-inside: avoid; overflow: hidden; border-radius: 4px; cursor: zoom-in; background: #eee; }
.galeri-oge img { width: 100%; height: auto; transition: transform .4s, filter .3s; }
.galeri-oge:hover img { transform: scale(1.03); filter: brightness(.9); }
.proje-geri { text-align: center; margin: 30px 0 0; }

/* Büyük resim penceresi (lightbox) */
.isik { position: fixed; inset: 0; z-index: 200; background: rgba(0, 0, 0, .92); display: flex; align-items: center; justify-content: center; }
.isik[hidden] { display: none; }
.isik img { max-width: 92vw; max-height: 88vh; width: auto; height: auto; box-shadow: 0 10px 40px rgba(0,0,0,.5); }
.isik button { position: absolute; background: none; border: 0; color: #fff; opacity: .8; padding: 14px; }
.isik button:hover { opacity: 1; }
.isik-kapat { top: 10px; right: 12px; }
.isik-geri { left: 10px; top: 50%; transform: translateY(-50%); }
.isik-ileri { right: 10px; top: 50%; transform: translateY(-50%); }
.isik-sayac { position: absolute; bottom: 16px; left: 0; right: 0; text-align: center; color: #ccc; font-size: 14px; }

/* ---------- Yol çubuğu (iç sayfa başlığında) ---------- */
.kirinti { position: relative; max-width: 1500px; margin: -32px auto 18px; text-align: left; }
.kirinti ol { list-style: none; margin: 0; padding: 8px 14px; display: inline-flex; flex-wrap: wrap; gap: 4px 12px; background: #ececec; font-size: 15px; color: #777; }
.kirinti li + li::before { content: '/'; margin-right: 12px; color: #999; }
.kirinti a:hover { color: var(--bordo); }
.kirinti [aria-current] { color: var(--kirmizi); font-weight: 600; }

/* ---------- Sistemlerimiz: kategori kartları (solda resim, sağda bordo kutu) ---------- */
.kategori-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 60px; max-width: 1500px; }
.kategori-kart { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); min-height: 390px; color: #fff; }
.kategori-resim { overflow: hidden; background: #ccc; }
.kategori-resim img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.kategori-kart:hover .kategori-resim img { transform: scale(1.05); }
.kategori-kutu { background: #8B0000; padding: 50px 50px 40px 30px; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.kategori-ad { font-size: 28px; font-weight: 900; line-height: 1.05; letter-spacing: -.5px; }
.kategori-dugme { margin: 26px 0; background: var(--turuncu); color: #fff; padding: 8px 22px; font-weight: 500; transition: background .15s; }
.kategori-kart:hover .kategori-dugme { background: #fff; color: var(--bordo); }
.kategori-metin { font-size: 14px; font-weight: 600; line-height: 1.3; max-width: 250px; }

/* ---------- Kategori sayfası: ürün kartları ---------- */
.urun-kataloglari .bolum-baslik { text-align: center; margin: 0 0 30px; }
.katalog-gruplar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.katalog-grup { background: #fff; padding: 22px 22px 14px; border-top: 3px solid var(--turuncu); box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.katalog-grup h3 { margin: 0 0 12px; font-size: 17px; font-weight: 800; }
.katalog-grup h3 a { color: var(--bordo); }
.katalog-grup ul { list-style: none; margin: 0; padding: 0; }
.katalog-grup li a { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid #eee; color: #333; font-size: 15px; }
.katalog-grup li:first-child a { border-top: 0; }
.katalog-grup li a svg { flex: 0 0 auto; color: #c62828; }
.katalog-grup li a:hover { color: var(--bordo); }
@media (max-width: 1100px) { .katalog-gruplar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .katalog-gruplar { grid-template-columns: minmax(0, 1fr); } }
.kategori-giris { max-width: 900px; margin: -20px auto 40px; font-size: 17px; line-height: 1.7; color: #444; text-align: center; }
.urun-izgara { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.urun-kart { flex: 0 0 calc((100% - 48px) / 4); display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.1); padding-bottom: 22px; transition: box-shadow .2s; }
.urun-kart:hover { box-shadow: 0 8px 26px rgba(0,0,0,.16); }
.urun-kart-resim { position: relative; display: block; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 0 0 50% 50% / 0 0 18% 18%; background: #eee; }
.urun-kart-resim img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.urun-kart:hover .urun-kart-resim img { transform: scale(1.06); }
.urun-kart-dugme { position: absolute; left: 0; top: 30px; background: var(--bordo); color: #fff; font-size: 15px; padding: 6px 18px; }
.urun-kart-ad { margin: 18px 14px 6px; font-size: 25px; font-weight: 800; color: #555; letter-spacing: -1px; line-height: 1.1; }
.urun-kart-kisa { font-size: 14px; color: #666; padding: 0 16px; }

/* ---------- Ürün sayfası ---------- */
.urun-izgara-detay { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px; align-items: start; max-width: 1300px; }
.urun-ana-resim { display: block; background: #f2f2f2; cursor: zoom-in; }
.urun-ana-resim img { width: 100%; aspect-ratio: 4 / 4.3; object-fit: contain; }
.urun-kucukler { display: flex; gap: 6px; overflow-x: auto; margin-top: 8px; padding-bottom: 6px; scrollbar-width: thin; }
.urun-kucukler a { flex: 0 0 82px; height: 64px; border: 2px solid transparent; opacity: .7; transition: .15s; }
.urun-kucukler a.secili, .urun-kucukler a:hover { border-color: var(--bordo); opacity: 1; }
.urun-kucukler img { width: 100%; height: 100%; object-fit: cover; }
.urun-ipucu { margin: 6px 0 0; font-size: 13px; color: #999; }
.urun-dugmeler { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-bottom: 22px; }
.urun-katalog { background: #8B0000; color: #fff; padding: 10px 20px; border-radius: 0; font-size: 15px; }
.urun-katalog:hover { background: var(--bordo); }
.urun-teklif { background: var(--turuncu); color: #fff; padding: 10px 20px; border-radius: 0; font-size: 15px; }
.urun-teklif:hover { background: #d97f00; }
.urun-el-kitabi { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px 16px; margin: -10px 0 22px; font-size: 14px; }
.urun-el-kitabi-baslik { font-weight: 700; color: #555; }
.urun-el-kitabi a { display: inline-flex; align-items: center; gap: 5px; color: var(--bordo); }
.urun-el-kitabi a:hover { text-decoration: underline; }
.urun-el-kitabi svg { color: #c62828; flex: 0 0 auto; }
@media (max-width: 900px) { .urun-el-kitabi { justify-content: flex-start; } }
.urun-metin { color: #555; font-size: 16px; }
.urun-metin p { margin: 0 0 16px; text-align: justify; }
.urun-metin strong { color: #222; }
.urun-metin p a { color: var(--bordo); text-decoration: underline; text-underline-offset: 2px; }
.urun-metin ul { margin: 0 0 16px; padding-left: 20px; }
.urun-metin li { margin-bottom: 4px; }
.urun-metin li::marker { color: var(--bordo); }
.urun-metin h2 { font-size: 22px; color: var(--bordo); margin: 24px 0 8px; letter-spacing: -.5px; }

/* ---------- Ürün sayfası: teknik veriler, yük tablosu, tasarım tabloları (H20) ---------- */
.teknik-izgara { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 50px; align-items: center; max-width: 1100px; }
.teknik-resim img { width: 100%; mix-blend-mode: multiply; }
.teknik-liste { margin: 18px 0 0; }
.teknik-liste dt { font-size: 19px; font-weight: 800; color: var(--bordo); margin-top: 16px; }
.teknik-liste dd { margin: 4px 0 0; color: #555; font-size: 16px; }
.urun-yuk .bolum-baslik, .urun-tasarim .bolum-baslik { text-align: center; margin-bottom: 24px; }
.yuk-sarmal { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #c0392b; box-shadow: 0 4px 10px rgba(0,0,0,.08); max-width: 1100px; margin: 0 auto; }
.yuk-sarmal:focus { outline: 2px solid var(--bordo); }
.yuk-tablo { border-collapse: collapse; width: 100%; min-width: 900px; text-align: center; font-size: 13px; color: #333; font-variant-numeric: tabular-nums; }
.yuk-tablo th, .yuk-tablo td { border: 1px solid #e3a49b; padding: 6px 5px; white-space: nowrap; }
.yuk-tablo thead th { background: #fdf1e6; color: #c0392b; font-weight: 700; }
.yuk-tablo thead th span { display: block; font-weight: 400; font-size: .9em; }
.yuk-tablo .yuk-aciklama th { font-size: 11.5px; font-weight: 600; white-space: normal; }
.yuk-tablo tbody th { position: sticky; left: 0; background: #fff; color: #333; border-right: 2px solid #c0392b; }
.yuk-tablo thead tr:first-child th:first-child { position: sticky; left: 0; z-index: 2; }
.yuk-tablo tbody tr:hover td, .yuk-tablo tbody tr:hover th { background: #fcece4; }
.yuk-tablo .vurgu-satir th, .yuk-tablo .vurgu-satir td { background: #fff4ef; }
.yuk-tablo .vurgu { outline: 2px solid #c0392b; outline-offset: -2px; font-weight: 700; color: #c0392b; }
.yuk-ornek { max-width: 1100px; margin: 12px auto 0; font-size: 14px; color: #666; }
.urun-ek-tablo .bolum-baslik { text-align: center; margin-bottom: 8px; }
.ek-tablo-aciklama { text-align: center; color: #666; margin: 0 auto 20px; max-width: 800px; }
.ek-sarmal { max-width: 900px; }
.ek-tablo { min-width: 620px; font-size: 14px; }
.ek-tablo tbody th { text-align: left; padding-left: 12px; font-weight: 600; }
.ek-tablo .vurgu-sutun { background: #fff4ef; font-weight: 700; color: #c0392b; }
.ek-tablo thead .vurgu-sutun { background: #c0392b; color: #fff; }
.teknik-liste dd { line-height: 1.55; }
.tasarim-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; max-width: 1100px; margin: 0 auto; }
.tasarim-izgara figure { margin: 0; background: #fff; padding: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.tasarim-izgara figcaption { font-size: 20px; font-weight: 700; color: #333; margin-bottom: 12px; }
.tasarim-izgara a { display: block; cursor: zoom-in; }
.tasarim-izgara img { width: 100%; }

/* ---------- Ürün sayfası: özellik kartları ve SSS ---------- */
.urun-ozellikler .bolum-baslik, .urun-sss .bolum-baslik { text-align: center; margin-bottom: 30px; }
.ozellik-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.ozellik-kart { background: #fff; padding: 22px 22px 20px; border-top: 4px solid var(--bordo); box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.ozellik-kart h3 { font-size: 19px; color: var(--bordo); margin: 0 0 8px; letter-spacing: -.4px; }
.ozellik-kart p { margin: 0; color: #555; font-size: 15px; }
.bilgi-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.bilgi-kart { border: 1px solid #e6e6e6; border-top: 4px solid var(--turuncu); padding: 24px 24px 18px; background: #fff; }
.bilgi-kart h2 { font-size: 22px; color: var(--bordo); margin: 0 0 12px; letter-spacing: -.5px; }
.bilgi-kart ul { margin: 0; padding-left: 18px; color: #555; font-size: 15px; }
.bilgi-kart li { margin-bottom: 8px; }
.bilgi-kart li::marker { color: var(--turuncu); }
.bilgi-kart strong { color: #333; }
.urun-sss .sss { border-color: #ddd; }
.sss-liste { max-width: 900px; margin: 0 auto; }
.sss { border-bottom: 1px solid #e3e3e3; }
.sss summary { list-style: none; cursor: pointer; padding: 18px 40px 18px 4px; font-size: 18px; font-weight: 700; color: #333; position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: '+'; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 26px; font-weight: 400; color: var(--bordo); }
.sss[open] summary::after { content: '−'; }
.sss summary:hover { color: var(--bordo); }
.sss p { margin: 0 4px 18px; color: #555; font-size: 16px; }

/* ---------- Referanslar (her logo eşit kutuda ortalı) ---------- */
/* flex: eksik son satır ortalanır */
.ref-izgara { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 50px; --ref-kol: 6; --ref-ara: 50px; }
.ref-izgara li { flex: 0 0 calc((100% - (var(--ref-kol) - 1) * var(--ref-ara)) / var(--ref-kol)); min-width: 0; aspect-ratio: 3 / 2; display: flex; align-items: center; justify-content: center; padding: 8px; }
.ref-izgara img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transition: transform .3s; }
.ref-izgara li:hover img { transform: scale(1.1); }

/* ---------- Alt bilgi ---------- */
.alt { padding: 40px 0 30px; }
.alt-ic { max-width: 1500px; margin: 0 auto; padding: 0 10px; display: flex; justify-content: space-between; gap: 40px; }
.alt-sol img { width: 215px; margin: 0 0 18px 6px; }
.alt-adres { margin: 0 0 10px; color: var(--gri-yazi); font-size: 15px; font-weight: 300; max-width: 370px; }
.alt-eposta { display: block; color: var(--gri-yazi); font-size: 17px; font-weight: 600; margin-bottom: 10px; }
.alt-tel { display: block; color: var(--turuncu); font-size: 27px; font-weight: 700; letter-spacing: -.5px; }
.alt-sag { text-align: right; max-width: 980px; display: flex; flex-direction: column; align-items: flex-end; }
.alt-baslik { color: var(--bordo); font-size: 21px; font-weight: 700; letter-spacing: -.5px; }
.alt-metin { margin: 8px 0 14px; color: var(--gri-yazi); font-size: 15px; font-weight: 300; }
.alt-iksd { width: 240px; margin-bottom: 22px; }
.alt-linkler { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 3px; }
.alt-linkler a { background: #EEE; color: var(--bordo); padding: 13px 12px; font-size: 14px; min-height: 48px; display: flex; align-items: center; transition: background .15s; }
.alt-linkler a:hover { background: #ddd; }
.alt-linkler a .ikon { color: var(--bordo); }

.whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 50; width: 58px; height: 58px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,.25); transition: transform .15s; }
.whatsapp:hover { transform: scale(1.08); }

/* Çerez bildirimi: sol altta küçük kutu (WhatsApp düğmesinin üstüne binmez) */
.cerez { position: fixed; left: 22px; bottom: 22px; z-index: 55; max-width: 420px; background: #fff; color: var(--yazi); border-radius: 12px; box-shadow: 0 6px 28px rgba(0,0,0,.22); padding: 18px 20px; font-size: 14px; line-height: 1.5; }
.cerez[hidden] { display: none; }
.cerez p { margin: 0 0 14px; }
.cerez-dugmeler { display: flex; gap: 10px; justify-content: flex-end; }
.cerez button { font: inherit; font-weight: 600; cursor: pointer; padding: 9px 20px; border-radius: 40px; border: 1px solid #ccc; background: #fff; color: #444; }
.cerez .cerez-kabul { background: var(--kirmizi); border-color: var(--kirmizi); color: #fff; }
.cerez .cerez-kabul:hover { background: var(--bordo); }
.cerez .cerez-red:hover { border-color: #888; }
@media (max-width: 767px) { .cerez { left: 12px; right: 92px; bottom: 12px; max-width: none; padding: 14px 16px; font-size: 13px; } }

/* ---------- Tablet ---------- */
@media (max-width: 1200px) {
    .baslik-ic { height: 96px; gap: 12px; }
    .logo img { width: 190px; }
    .menu > ul > li > a { padding: 10px 9px; font-size: 15px; }
    .iskacad { padding: 10px 14px; }
    .iskacad img { width: 90px; }
    .slayt-alan { height: 540px; }
    .slayt-kutu { right: 60px; top: 200px; }
    .kisayollar a { font-size: 17px; }
    .sistemler { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
    .mv-izgara { grid-template-columns: auto minmax(0, 1fr); row-gap: 26px; }
    .ref-izgara { --ref-kol: 4; --ref-ara: 30px; gap: 30px; }
    .kategori-izgara { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
    .bilgi-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .urun-kart { flex-basis: calc((100% - 32px) / 3); }
    .urun-izgara-detay { grid-template-columns: minmax(0, 1fr); }
    .kirinti { margin-top: -20px; }
    .proje-dik { flex-basis: calc((100% - 20px) / 3); }
    .proje-dik-ad { font-size: 22px; }
}

@media (max-width: 900px) {
    .dokuman-izgara { grid-template-columns: minmax(0, 420px); }
    .kirinti ol { font-size: 12px; gap: 2px 8px; padding: 6px 10px; }
    .kirinti li + li::before { margin-right: 8px; }
    .kategori-kart { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    .kategori-resim { aspect-ratio: 16 / 10; }
    .kategori-kutu { padding: 24px; align-items: flex-start; text-align: left; }
    .kategori-ad { font-size: 23px; }
    .kategori-dugme { margin: 16px 0; }
    .kategori-metin { max-width: none; }
    .urun-kart { flex-basis: calc((100% - 16px) / 2); }
    .urun-kart-ad { font-size: 18px; letter-spacing: -.5px; }
    .urun-kart-kisa { font-size: 12px; }
    .urun-kart-dugme { font-size: 12px; padding: 4px 10px; top: 14px; }
    .urun-dugmeler { justify-content: flex-start; }
    .urun-metin { font-size: 15px; }
    .urun-metin p { text-align: left; }
    .sss summary { font-size: 16px; }
    .bilgi-izgara { grid-template-columns: minmax(0, 1fr); }
    .teknik-izgara { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .teknik-resim { max-width: 240px; margin: 0 auto; }
    .tasarim-izgara { grid-template-columns: minmax(0, 1fr); }
    .yuk-tablo { font-size: 12px; }
    .galeri { columns: 2; column-gap: 8px; }
    .galeri-oge { margin-bottom: 8px; }
    .proje-detay { padding-top: 30px; }
    .proje-metin { text-align: left; font-size: 15px; }
    .iskacad-sayfa { padding-top: 30px; }
    .iskacad-logo img { width: 240px; }
    .iskacad-git { font-size: 12px; padding: 9px 18px; }
    .iskacad-metin { font-size: 15px; }
    .iskacad-resimler { grid-template-columns: minmax(0, 1fr); }
    .iskacad-kutu:last-child img { aspect-ratio: 1.68; }
    .sertifika-izgara { gap: 14px; }
    .sertifika-kart { flex-basis: calc((100% - 14px) / 2); }
    .sertifikalar { padding: 40px 0 60px; }
    .sertifika-ad { font-size: 18px; }
    .sertifika-serit { font-size: 12px; padding: 5px 10px; bottom: 14px; }
    .dokumanlar { padding: 40px 0 60px; }
    .teklif-izgara { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .teklif-resim img { aspect-ratio: 16 / 9; }
    .teklif-form { padding-top: 0; }
    .teklif-baslik { font-size: 32px; }
    .kurumsal-izgara { grid-template-columns: minmax(0, 1fr); }
    .kurumsal-resimler { max-width: 640px; }
}

/* ---------- Mobil menü ---------- */
@media (max-width: 1024px) {
    .menu-dugme { display: block; }
    .iskacad { margin-left: auto; }
    /* Kapalıyken gölgesi ekrana taşmasın diye görünmez (visibility) tutulur */
    .menu { position: fixed; inset: 0 0 0 auto; width: min(340px, 86vw); background: #fff; transform: translateX(100%); visibility: hidden; transition: transform .25s, visibility 0s .25s; display: block; padding: 70px 0 30px; overflow-y: auto; z-index: 60; }
    body.menu-acik .menu { transform: none; visibility: visible; box-shadow: -10px 0 40px rgba(0,0,0,.2); transition: transform .25s; }
    body.menu-acik .baslik { z-index: 60; } /* çekmece, karartmanın (55) üstünde kalsın */
    body.menu-acik::after { content: ''; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 55; }
    body.menu-acik .menu-dugme { position: fixed; top: 14px; right: 14px; z-index: 70; }
    .menu > ul { flex-direction: column; align-items: stretch; gap: 0; }
    .menu > ul > li { border-bottom: 1px solid #eee; display: flex; flex-wrap: wrap; align-items: center; }
    .menu > ul > li > a { flex: 1; padding: 15px 22px; font-size: 17px; gap: 10px; }
    .mobil-yazi { display: inline; }
    .alt-var > a::after { display: none; }
    .alt-ac { display: flex; background: none; border: 0; border-left: 1px solid #eee; padding: 15px 18px; color: var(--bordo); transition: transform .2s; }
    .alt-var.acik .alt-ac .ikon { transform: rotate(180deg); }
    .alt-menu { position: static; width: 100%; box-shadow: none; border: 0; opacity: 1; visibility: visible; transform: none; display: none; background: #fafafa; padding: 4px 0 8px; }
    .alt-var.acik > .alt-menu { display: block; }
    .alt-var:hover > .alt-menu { display: none; }
    .alt-var.acik:hover > .alt-menu { display: block; }
    .alt-menu a { padding: 11px 22px 11px 36px; }
    /* Dil adları dar ekranda sığmaz: yalnız bayraklar görünür, ad ekran okuyucuya kalır */
    .dil-ad { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .dil { gap: 12px; }
    .dil a.aktif .bayrak { outline: 2px solid #fff; outline-offset: 1px; }
}

/* ---------- Telefon ---------- */
@media (max-width: 767px) {
    .ust-bar { font-size: 13px; }
    .dil { gap: 9px; }
}
@media (max-width: 480px) {
    .dil { gap: 6px; }
    .bayrak { width: 18px; height: 12px; }
    .sosyal { gap: 9px; }
}
/* 10 dil: en dar telefonlarda bayraklar sosyal ikonlara yapışmasın */
@media (max-width: 360px) {
    .ust-bar-ic { padding: 0 8px; gap: 10px; }
    .dil { gap: 4px; }
    .bayrak { width: 16px; height: 11px; }
    .sosyal { gap: 7px; }
}
@media (max-width: 767px) {
    .baslik-ic { height: 74px; padding: 0 6px 0 10px; }
    .logo img { width: 150px; }
    .iskacad { padding: 7px 10px; }
    .iskacad img { width: 70px; }

    .slayt-alan { height: 460px; }
    .slayt-kutu { left: 16px; right: 16px; width: auto; top: auto; bottom: 30px; padding: 18px 20px 22px; }
    .slayt-kutu h2 { font-size: 24px; margin-bottom: 14px; }
    .dugme-beyaz { font-size: 16px; padding: 8px 20px; }
    .slayt-ok { top: 40%; }
    .kisayollar { position: static; transform: none; width: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto; }
    .kisayollar a { min-height: 72px; font-size: 16px; border-bottom: 1px solid rgba(0,0,0,.2); }
    .kisayollar a:nth-child(2n) { border-right: 0; }
    .kisayollar a.vurgu { grid-column: 1 / -1; }

    .bolum { padding: 50px 0 40px; }
    .bolum-baslik { font-size: 30px; letter-spacing: -1.2px; }
    .bolum-baslik-buyuk { font-size: 32px; }
    .ust-etiket { font-size: 16px; }
    .sistemler { grid-template-columns: minmax(0, 1fr); margin-top: 30px; }
    .sistem-ad { font-size: 21px; }
    .projeler { grid-template-columns: minmax(0, 1fr); margin-top: 28px; }
    .proje-kart { height: 230px; }
    .proje-ad { font-size: 15px; right: 12px; bottom: 12px; }
    .logo-serit { gap: 32px; }
    .logo-serit img { height: 64px; max-width: 140px; }
    .referans-bolum { padding-bottom: 70px; }
    .sayfa-baslik h1 { font-size: 28px; }
    .kurumsal { padding-top: 36px; }
    .kurumsal-metin p { text-align: left; font-size: 16px; }
    .sayfa-baslik::before { width: 60%; }
    .mv-izgara { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .mv-baslik { font-size: 30px; }
    .mv-metin { text-align: left; margin-bottom: 18px; }
    .ref-izgara { --ref-kol: 3; --ref-ara: 18px; gap: 14px 18px; }
    .ref-izgara li { padding: 4px; }
    .projeler-sayfa { padding-top: 30px; }
    .harita iframe { height: 300px; }
    .iletisim { padding-top: 36px; }
    .iletisim-izgara { grid-template-columns: minmax(0, 1fr); gap: 44px; }
    .iletisim-form form, .form-mesaj { margin-left: 0; max-width: none; }
    .iletisim-baslik { font-size: 26px; }
    .iletisim-bilgi { text-align: left; }
    .ofis-ad { font-size: 26px; }
    .ofis-tel { font-size: 23px; }
    .proje-dik { flex-basis: calc((100% - 10px) / 2); }
    .proje-dik-ad { font-size: 17px; left: 10px; bottom: 14px; padding: 7px 9px 8px; }

    .alt-ic { flex-direction: column; align-items: center; text-align: center; gap: 28px; }
    .alt-sol img { margin: 0 auto 16px; }
    .alt-adres { margin-left: auto; margin-right: auto; }
    .alt-sag { align-items: center; text-align: center; }
    .alt-linkler { justify-content: center; }
    .alt-linkler a { font-size: 13px; padding: 10px; min-height: 42px; }
    .whatsapp { width: 52px; height: 52px; right: 16px; bottom: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .logo-serit { animation: none; flex-wrap: wrap; width: auto; justify-content: center; }
    .slayt { transition: none; }
    .slayt.aktif > img, .slayt.aktif .slayt-kutu { animation: none; }
}

/* ---------- Detaylı Bilgi sayfası (solda içindekiler, sağda uzun metin) ----------
   Kenar boşlukları mantıksal özelliklerle (inline-start/end): sağdan sola dillerde kendiliğinden aynalanır. */
.urun-detay-dugme { background: var(--bordo); color: #fff; padding: 10px 20px; border-radius: 0; font-size: 15px; margin-top: 0; }
.urun-detay-dugme:hover { background: var(--kirmizi); }
.detay-izgara { display: grid; grid-template-columns: 250px minmax(0, 860px); gap: 50px; justify-content: center; align-items: start; }
.detay-yan { position: sticky; top: 20px; }
.detay-icindekiler { border-inline-start: 4px solid var(--bordo); background: var(--gri-zemin); padding: 18px 16px 14px; }
.detay-icindekiler p { margin: 0 0 10px; font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--bordo); }
.detay-icindekiler ol { list-style: none; margin: 0; padding: 0; }
.detay-icindekiler a { display: flex; gap: 10px; padding: 5px 0; font-size: 14px; line-height: 1.35; color: #444; }
.detay-icindekiler a span { flex: none; width: 22px; color: #999; font-variant-numeric: tabular-nums; }
.detay-icindekiler a:hover, .detay-icindekiler a.secili { color: var(--bordo); }
.detay-icindekiler a.secili { font-weight: 700; }
.detay-metin { color: #444; font-size: 17px; line-height: 1.7; }
.detay-metin p { margin: 0 0 16px; }
.detay-metin strong { color: #222; }
.detay-metin ul, .detay-metin ol { margin: 0 0 18px; padding-inline-start: 22px; }
.detay-metin li { margin-bottom: 8px; }
.detay-metin a { color: var(--bordo); text-decoration: underline; text-underline-offset: 2px; }
.detay-kapak { margin: 0 0 40px; }
.detay-kapak img { width: 100%; height: auto; max-height: 75vh; object-fit: contain; background: var(--gri-zemin); display: block; }
.detay-kapak figcaption { background: var(--bordo); color: #fff; padding: 14px 20px; font-size: 16px; font-weight: 600; }
.detay-bolum { padding-top: 10px; margin-bottom: 44px; scroll-margin-top: 20px; }
.detay-bolum h2 { display: flex; align-items: baseline; gap: 14px; margin: 0 0 18px; padding-bottom: 12px; border-bottom: 2px solid #eee; color: var(--bordo); font-size: 30px; font-weight: 800; letter-spacing: -1px; line-height: 1.15; }
.detay-no { flex: none; color: var(--turuncu); font-size: 18px; font-weight: 800; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.detay-giris { font-size: 20px; line-height: 1.55; color: #222; font-weight: 600; }
.detay-not { margin: 22px 0; padding: 18px 20px; background: #fdf6ec; border-inline-start: 4px solid var(--turuncu); font-size: 16px; line-height: 1.65; }
.detay-istatistik { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin: 26px 0 8px; background: #fff; }
.detay-istatistik div { background: var(--gri-zemin); padding: 18px 14px; text-align: center; }
.detay-istatistik strong { display: block; color: var(--bordo); font-size: 30px; font-weight: 900; letter-spacing: -1px; line-height: 1.1; }
.detay-istatistik span { display: block; margin-top: 6px; font-size: 13px; line-height: 1.35; color: #666; }
.detay-resim { margin: 26px 0; }
.detay-resim a { display: block; background: var(--gri-zemin); }
.detay-resim img { display: block; width: auto; max-width: 100%; height: auto; max-height: 640px; margin: 0 auto; } /* dikey fotoğraflar sayfayı boylamasın */
.detay-resim figcaption, .detay-grafik figcaption { margin-top: 8px; font-size: 14px; line-height: 1.5; color: #777; }
.detay-tablo-sarmal { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0 22px; border: 1px solid #e3e3e3; }
.detay-tablo-sarmal:focus { outline: 2px solid var(--bordo); }
.detay-tablo { border-collapse: collapse; width: 100%; font-size: 15px; line-height: 1.45; }
.detay-tablo th, .detay-tablo td { padding: 10px 14px; border-bottom: 1px solid #eee; text-align: start; vertical-align: top; }
.detay-tablo thead th { background: var(--bordo); color: #fff; font-weight: 700; white-space: nowrap; }
.detay-tablo tbody th { font-weight: 600; color: #333; background: #fafafa; }
.detay-tablo tbody tr:last-child > * { border-bottom: 0; }
.detay-tablo td.vurgu-sutun { background: #fdf6ec; color: #222; font-weight: 600; }
.detay-tablo thead th.vurgu-sutun { background: var(--turuncu); }
.detay-adimlar { list-style: none; counter-reset: adim; padding-inline-start: 0 !important; }
.detay-adimlar li { counter-increment: adim; position: relative; padding-inline-start: 50px; min-height: 36px; margin-bottom: 14px; }
.detay-adimlar li::before { content: counter(adim); position: absolute; inset-inline-start: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--bordo); color: #fff; font-size: 15px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.detay-grafik { margin: 22px 0; }
.detay-cubuk { display: grid; grid-template-columns: 200px 1fr 90px; gap: 12px; align-items: center; margin-bottom: 8px; font-size: 14px; }
.detay-cubuk i { display: block; height: 14px; background: #eee; }
.detay-cubuk b { display: block; height: 100%; background: linear-gradient(90deg, var(--bordo), var(--turuncu)); }
.detay-cubuk em { font-style: normal; font-weight: 700; color: #333; font-variant-numeric: tabular-nums; }
.detay-metin .sss-liste { max-width: none; }
.detay-kaynaklar h2 { font-size: 22px; }
.detay-kaynaklar ol { font-size: 14px; line-height: 1.55; color: #666; }
.detay-kaynaklar li { margin-bottom: 6px; }
.detay-cagri { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 30px; margin-top: 20px; padding: 26px 28px; background: var(--gri-zemin); border-top: 4px solid var(--bordo); }
.detay-cagri h2 { margin: 0 0 6px; color: var(--bordo); font-size: 24px; font-weight: 800; letter-spacing: -.5px; }
.detay-cagri p { margin: 0; font-size: 15px; }
.detay-cagri .urun-dugmeler { margin: 0; }
.detay-cagri .dugme { margin-top: 0; text-decoration: none; color: #fff; }
.urun-sozluk { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid #eee; font-size: 15px; }
.urun-sozluk a { color: var(--bordo); font-weight: 600; }
.urun-sozluk a:hover { text-decoration: underline; }
.urun-kiralama { margin: -6px 0 18px; text-align: end; font-size: 15px; }
.urun-kiralama a { color: var(--bordo); font-weight: 700; }
.urun-kiralama a:hover { text-decoration: underline; }
@media (max-width: 900px) { .urun-kiralama { text-align: start; } }
/* Kiralama (sayfalar/kiralama.php): detay stilleri tek sütunda */
.kiralama-kap { max-width: 1100px; }
.kiralama .detay-bolum h2 { font-size: 28px; }
.kiralama .urun-izgara { margin-top: 10px; }
/* Sözlük (sayfalar/sozluk.php): detay kalıbının içinde terim kutuları */
.sozluk-terim { padding: 18px 0 14px; border-bottom: 1px solid #eee; scroll-margin-top: 20px; }
.sozluk-terim:last-child { border-bottom: 0; }
.sozluk-terim:target { background: #fdf6ec; box-shadow: 0 0 0 12px #fdf6ec; }
.sozluk-terim h3 { margin: 0 0 6px; color: #222; font-size: 21px; font-weight: 800; letter-spacing: -.3px; }
.sozluk-terim p { margin: 0 0 10px; }
.sozluk-karsilik, .sozluk-alt { display: flex; flex-wrap: wrap; gap: 4px 22px; font-size: 14px; line-height: 1.5; color: #777; }
.sozluk-karsilik strong { color: #444; }
.sozluk-alt { margin-bottom: 0 !important; }
.detay-yerel { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 20px; padding: 10px 14px; background: #fff8d6; border: 1px dashed #d4a800; font-size: 14px; }
.detay-yerel a { padding: 3px 10px; border: 1px solid #d4a800; background: #fff; color: #333; }
.detay-yerel a.secili { background: var(--bordo); border-color: var(--bordo); color: #fff; }
.detay-yerel span { flex-basis: 100%; color: #665; }
@media (max-width: 1024px) {
    .detay-izgara { grid-template-columns: 210px minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 900px) {
    .detay-izgara { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .detay-yan { position: static; }
    .detay-icindekiler ol { columns: 2; column-gap: 20px; }
    .detay-icindekiler li { break-inside: avoid; }
}
@media (max-width: 600px) {
    .detay-metin { font-size: 16px; }
    .detay-giris { font-size: 18px; }
    .detay-bolum h2 { font-size: 23px; gap: 10px; }
    .detay-no { font-size: 15px; }
    .detay-icindekiler ol { columns: 1; }
    .detay-istatistik { grid-template-columns: repeat(2, 1fr); }
    .detay-istatistik strong { font-size: 24px; }
    .detay-cubuk { grid-template-columns: 1fr 78px; gap: 4px 10px; }
    .detay-cubuk span { grid-column: 1 / -1; }
    .detay-cagri { padding: 20px 18px; }
}

/* ========== Arapça: sağdan sola (html dir="rtl") ==========
   Flex/grid sıraları dir="rtl" ile kendiliğinden ters döner; burada yalnız sola/sağa sabitlenmiş
   konumlar, hizalamalar ve kenar boşlukları aynalanır. Diğer dillere dokunmaz. */
[dir="rtl"] { --font: 'Cairo', 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif; }
:lang(ar) { font-family: 'Cairo', 'Montserrat', sans-serif; } /* diğer dillerin dil düğmesindeki "العربية" */
[dir="rtl"] * { letter-spacing: 0 !important; } /* eksi harf aralığı Arapça bitişik harfleri koparır */
.bayrak-ar { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23006C35'/%3E%3Cpath d='M8 7.5q1.5-2 3 0t3 0t3 0t3 0t3 0' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3Cpath d='M8 13.5h14l1.5-.8' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E"); }

/* Ekran dışına itilen öğeler: sağdan sola sayfada sola itilen öğe yatay kaydırma çubuğu açar */
[dir="rtl"] .atla, [dir="rtl"] .tuzak { left: auto; right: -9999px; }
[dir="rtl"] .atla:focus { right: 8px; }

/* Menü */
[dir="rtl"] .alt-var > a::after { margin-left: 0; margin-right: 9px; }
[dir="rtl"] .alt-menu { left: auto; right: 0; }
[dir="rtl"] .menu-dugme { margin-left: 0; margin-right: auto; }

/* Slayt ve kısayollar */
[dir="rtl"] .slayt-kutu { right: auto; left: 150px; }
[dir="rtl"] .slayt-geri { left: auto; right: 20px; }
[dir="rtl"] .slayt-ileri { right: auto; left: 20px; }
[dir="rtl"] .slayt-ok .ikon { transform: scaleX(-1); }
[dir="rtl"] .kisayollar a { border-right: 0; border-left: 1px solid rgba(0,0,0,.35); }
[dir="rtl"] .kisayollar a.vurgu { border-left: 0; }
[dir="rtl"] .logo-serit { direction: ltr; } /* kayan logo şeridi aynı yönde kaysın, boşluk oluşmasın */

/* Kartlar ve şeritler */
[dir="rtl"] .sayfa-baslik::before { right: auto; left: 0; }
[dir="rtl"] .proje-no { left: auto; right: 14px; }
[dir="rtl"] .proje-ad { right: auto; left: 20px; }
[dir="rtl"] .proje-dik-ad { left: auto; right: 16px; }
[dir="rtl"] .sertifika-serit { left: auto; right: 0; }
[dir="rtl"] .urun-kart-dugme { left: auto; right: 0; }
[dir="rtl"] .dokuman-icerik { text-align: left; }
[dir="rtl"] .kategori-kutu { padding: 50px 30px 40px 50px; text-align: left; }

/* Yol çubuğu */
[dir="rtl"] .kirinti { text-align: right; }
[dir="rtl"] .kirinti li + li::before { margin-right: 0; margin-left: 12px; }

/* İletişim ve formlar */
[dir="rtl"] .iletisim-form form { margin-left: 0; margin-right: 24px; }
[dir="rtl"] .form-mesaj { margin: 0 24px 16px 0; }
[dir="rtl"] .form-mesaj ul { padding-left: 0; padding-right: 18px; }
[dir="rtl"] .iletisim-bilgi { text-align: left; }
[dir="rtl"] .ofis-tel span { margin-right: 0; margin-left: 6px; }
/* Telefon numarası sağdan sola akışta rakam grupları ters dizilmesin */
[dir="rtl"] .ofis-tel a, [dir="rtl"] .alt-tel { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .alt-tel { text-align: right; }
/* Latin harfli adresler: sağdan sola akışta sondaki nokta/virgül satır başına kaçmasın */
[dir="rtl"] .ofis-adres, [dir="rtl"] .alt-adres { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .alt-adres { text-align: right; }

/* Ürün sayfası, tablolar, SSS */
[dir="rtl"] .urun-metin ul, [dir="rtl"] .bilgi-kart ul { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .ek-tablo tbody th { text-align: right; padding-left: 5px; padding-right: 12px; }
[dir="rtl"] .yuk-tablo tbody th { left: auto; right: 0; border-right: 1px solid #e3a49b; border-left: 2px solid #c0392b; }
[dir="rtl"] .yuk-tablo thead tr:first-child th:first-child { left: auto; right: 0; }
/* Her hücre kendi yazısına göre yön alır: "240 mm", "4.4 kg/m" soldan sağa; "100 قطعة" sağdan sola */
[dir="rtl"] .yuk-tablo th, [dir="rtl"] .yuk-tablo td { unicode-bidi: plaintext; }
[dir="rtl"] .sss summary { padding: 18px 4px 18px 40px; }
[dir="rtl"] .sss summary::after { right: auto; left: 8px; }

/* Büyük resim penceresi */
[dir="rtl"] .isik-kapat { right: auto; left: 12px; }
[dir="rtl"] .isik-geri { left: auto; right: 10px; transform: translateY(-50%) scaleX(-1); }
[dir="rtl"] .isik-ileri { right: auto; left: 10px; transform: translateY(-50%) scaleX(-1); }

/* Alt bilgi, WhatsApp, çerez bildirimi */
[dir="rtl"] .alt-sol img { margin: 0 6px 18px 0; }
[dir="rtl"] .alt-sag { text-align: left; }
[dir="rtl"] .whatsapp { right: auto; left: 22px; }
[dir="rtl"] .cerez { left: auto; right: 22px; }

@media (max-width: 1200px) {
    [dir="rtl"] .slayt-kutu { right: auto; left: 60px; }
}
@media (max-width: 900px) {
    [dir="rtl"] .kirinti li + li::before { margin-left: 8px; }
    [dir="rtl"] .kategori-kutu { padding: 24px; text-align: right; }
    [dir="rtl"] .urun-metin p, [dir="rtl"] .proje-metin { text-align: right; }
}
@media (max-width: 1024px) {
    [dir="rtl"] .iskacad { margin-left: 0; margin-right: auto; }
    /* Mobil menü çekmecesi soldan açılır */
    [dir="rtl"] .menu { inset: 0 auto 0 0; transform: translateX(-100%); }
    [dir="rtl"] body.menu-acik .menu { transform: none; box-shadow: 10px 0 40px rgba(0,0,0,.2); }
    [dir="rtl"] body.menu-acik .menu-dugme { right: auto; left: 14px; }
    [dir="rtl"] .alt-ac { border-left: 0; border-right: 1px solid #eee; }
    [dir="rtl"] .alt-menu a { padding: 11px 36px 11px 22px; }
}
@media (max-width: 767px) {
    [dir="rtl"] .slayt-kutu { left: 16px; right: 16px; }
    [dir="rtl"] .kisayollar a:nth-child(2n) { border-left: 0; }
    [dir="rtl"] .proje-ad { right: auto; left: 12px; }
    [dir="rtl"] .proje-dik-ad { left: auto; right: 10px; }
    [dir="rtl"] .kurumsal-metin p, [dir="rtl"] .mv-metin, [dir="rtl"] .iletisim-bilgi { text-align: right; }
    [dir="rtl"] .iletisim-form form, [dir="rtl"] .form-mesaj { margin-right: 0; }
    [dir="rtl"] .alt-tel, [dir="rtl"] .alt-sag, [dir="rtl"] .alt-adres { text-align: center; }
    [dir="rtl"] .whatsapp { left: 16px; right: auto; }
    [dir="rtl"] .cerez { right: 12px; left: 92px; }
}