:root{
  --primary:#c0392b; --primary-dark:#a93226;
  --dark:#121212; --dark-2:#1e1e1e;
  --light:#f8f9fa; --text:#333; --muted:#777; --white:#fff;
  --shadow:0 10px 30px rgba(0,0,0,.08); --radius:16px; --radius-sm:12px;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif}
html{scroll-behavior:smooth}
body{background:var(--light);color:var(--text);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* PREMİUM DETAYLAR */
::selection { background-color: var(--primary); color: #fff; }
::-moz-selection { background-color: var(--primary); color: #fff; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--dark-2); }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary-dark); }

/* HEADER VE MENÜ DÜZENLEMESİ (BEYAZ ZEMİN & KIRMIZI YAZI) */
header { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 15px 5%; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,.06); transition: padding 0.4s ease; border-bottom: 2px solid var(--primary); }
header.scrolled { padding: 8px 5%; box-shadow: 0 6px 20px rgba(0,0,0,.12); }
.logo-img { height: 50px; width: auto; object-fit: contain; }

/* MASAÜSTÜ MENÜ GÖRÜNÜMÜ */
nav { display: flex; gap: 25px; align-items: center; position: static; height: auto; width: auto; background: transparent; flex-direction: row; padding: 0; border: none; box-shadow: none; }
nav a { color: var(--primary); font-weight: 700; font-size: 15px; transition: .25s; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; }
nav a:hover, nav a.active { color: var(--primary-dark); transform: translateY(-2px); }

.lang-selector { background: transparent; color: var(--primary); border: 1px solid var(--primary); padding: 7px 12px; border-radius: 999px; cursor: pointer; font-weight: 600; outline: none; transition: 0.3s; }
.lang-selector:hover { background: var(--primary); color: #fff; }

/* MASAÜSTÜNDE HAMBURGER MENÜYÜ GİZLE */
.menu-toggle { display: none; color: var(--primary); font-size: 1.8rem; cursor: pointer; }
.close-menu { display: none; }

/* SLIDER */
.slider-container{position:relative;height:80vh;min-height:520px;overflow:hidden;background:var(--dark)}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;opacity:0;transition:opacity .8s ease; padding:0 20px;}
.slide.active{opacity:1;z-index:1}
.slider-content h1{font-size:3.5rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 10px rgba(0,0,0,0.8);}
.slider-content p{max-width:760px;margin:0 auto 20px;font-size:1.2rem;color:#eee;text-shadow:1px 1px 5px rgba(0,0,0,0.8);}
.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.prev,.next{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;color:#fff;cursor:pointer;padding:10px 14px;background:rgba(0,0,0,.4);border-radius:999px;user-select:none;transition:0.3s;}
.prev:hover, .next:hover {background:var(--primary);}
.prev{left:20px} .next{right:20px}
.dot-container{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.dot{width:12px;height:12px;background:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:0.3s;}
.dot.active{background:var(--primary);width:30px;border-radius:10px}

/* BÖLÜMLER VE YENİ BİZ KİMİZ TASARIMI */
.section-title{text-align:center;margin:50px 0 30px;font-size:2.2rem;font-weight:900;text-transform:uppercase;color:var(--dark);}
.about-section{padding:80px 0; background:#fff; overflow:hidden;}
.about-wrapper{display:flex; flex-wrap:wrap; gap:50px; align-items:center;}
.about-images{flex:1; position:relative; min-width:320px; min-height:450px;}
.about-img-main{width:80%; height:380px; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow); position:absolute; top:0; left:0; z-index:1;}
.about-img-sub{width:65%; height:280px; object-fit:cover; border-radius:var(--radius); box-shadow:0 15px 30px rgba(0,0,0,0.15); border:8px solid #fff; position:absolute; bottom:0; right:0; z-index:2; transition:transform 0.4s ease;}
.about-img-sub:hover{transform:translateY(-10px) scale(1.03);}
.about-content{flex:1.2; min-width:320px;}
.about-text{color:var(--muted); line-height:1.9; font-size:1.1rem; text-align:justify;}

.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.feature-card{background:var(--light);padding:20px;border-radius:var(--radius-sm);display:flex;gap:15px;align-items:flex-start;box-shadow:0 8px 20px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04);transition:0.3s;}
.feature-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 15px 30px rgba(192,57,43,0.1);}
.feature-ico{font-size:1.8rem;color:var(--primary);margin-top:2px}

/* KÜRESEL İHRACAT HARİTASI */
.map-section { background: var(--dark); padding: 80px 20px; text-align: center; color: white; overflow: hidden; }
.map-wrapper { position: relative; width: 350px; height: 350px; margin: 40px auto 0; display: flex; justify-content: center; align-items: center; }
.map-bg-icon { font-size: 350px; color: rgba(255,255,255,0.05); position: absolute; }
.ping { position: absolute; width: 12px; height: 12px; background: var(--primary); border-radius: 50%; box-shadow: 0 0 15px var(--primary); z-index: 2; margin-top:-6px; margin-left:-6px;}
.ping::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; border: 2px solid var(--primary); animation: pingAnim 2s infinite ease-out; }
@keyframes pingAnim { 0% { transform: scale(0.3); opacity: 1; } 100% { transform: scale(2.5); opacity: 0; } }

/* MARQUEE BANDI */
.marquee-section { background: #fff; padding: 30px 0; overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.marquee-content { display: flex; gap: 60px; animation: scrollMarquee 25s linear infinite; width: max-content; }
.marquee-item { font-size: 1.5rem; color: #aaa; display: flex; align-items: center; gap: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
.marquee-item i { color: #888; }
@keyframes scrollMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* STATS */
.stats-section{background:var(--dark-2);color:#fff;padding:80px 0;text-align:center;border-top:4px solid var(--primary);}
.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.stat-icon{font-size:3rem;color:var(--primary);margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(192,57,43,0.4));}
.stat-num{font-size:3.5rem;font-weight:950}
.stat-plus{font-size:2.5rem;color:var(--primary);margin-left:4px}
.stat-text{margin-top:10px;font-size:1rem;letter-spacing:1.5px;color:#cfcfcf;text-transform:uppercase;font-weight:700;}

/* VİTRİN VE FİLTRELER */
.filter-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:10px 0 30px;}
.filter-btn{background:#fff;color:#444;padding:12px 20px;border-radius:999px;border:2px solid #eee;cursor:pointer;font-weight:800;font-size:1rem;transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.03);}
.filter-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);}
.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 20px rgba(192,57,43,.3);}
.search-container{max-width:720px;margin:0 auto 40px;position:relative}
.search-input{width:100%;padding:16px 20px;padding-left:55px;border:2px solid #eee;border-radius:999px;outline:none;font-size:1.1rem;font-weight:600;box-shadow:var(--shadow);transition:0.3s;}
.search-input:focus{border-color:var(--primary)}
.search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#888;font-size:1.2rem;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-bottom:60px;}
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #eee;transition:.3s;}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.15)}
.card-media{position:relative;overflow:hidden}
.card img{width:100%;height:260px;object-fit:cover;transition:transform .4s ease;border-bottom:4px solid var(--primary);}
.card:hover img{transform:scale(1.08)}
.card-tag{position:absolute;top:15px;left:15px;z-index:2;padding:8px 15px;border-radius:999px;font-weight:800;font-size:.8rem;color:#fff;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.2);backdrop-filter: blur(5px);}
.card-content{padding:25px}
.card-title{font-size:1.3rem;font-weight:900;margin-bottom:8px;color:var(--dark)}
.card-subtitle{font-size:.95rem;color:var(--primary);font-weight:800;text-transform:uppercase;margin-bottom:15px}
.btn-card{display:flex;align-items:center;justify-content:space-between;color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:0.95rem;}

/* ÜRÜN DETAY & ZOOM BOX */
.breadcrumb{background:#e9ecef;padding:15px 0;font-size:.95rem;font-weight:600;}
.breadcrumb a{color:#666;transition:0.3s;} .breadcrumb a:hover{color:var(--primary)} .breadcrumb span{color:var(--primary);}
.detail-wrapper{display:flex;gap:40px;flex-wrap:wrap;background:#fff;padding:40px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #eee;margin:30px auto 60px;}
.gallery-container{flex:1;min-width:350px}
.main-img-box { width: 100%; height: 450px; border-radius: var(--radius-sm); overflow: hidden; background: var(--light); border: 1px solid #eee; margin-bottom: 15px; position: relative; cursor: crosshair; }
.main-img-box img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.1s ease; transform-origin: center center; pointer-events: none; }
.main-img-box:hover img { transform: scale(2.5); }
.thumb-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}
.thumb-box{width:90px;height:90px;border-radius:10px;border:3px solid transparent;opacity:.6;cursor:pointer;transition:.3s;flex-shrink:0;background:#fff;}
.thumb-box img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.thumb-box:hover,.thumb-box.active{border-color:var(--primary);opacity:1}
.detail-info{flex:1.2;min-width:350px}
.detail-title{font-size:2.5rem;font-weight:900;text-transform:uppercase;margin-bottom:10px;color:var(--dark)}
.detail-subtitle{color:var(--primary);font-weight:800;font-size:1.2rem;margin-bottom:20px}
.detail-desc{color:#555;line-height:1.8;font-size:1.1rem;margin-bottom:25px;text-align:justify;}
.quick-actions{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:15px;}
.offer-box{margin-top:30px;background:var(--light);border-left:6px solid var(--primary);padding:25px;border-radius:var(--radius-sm);}
.form-input{width:100%;padding:15px;border:2px solid #eee;border-radius:10px;outline:none;font-size:1rem;font-weight:600;margin-bottom:15px;transition:0.3s;}
.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(192,57,43,0.1);}

/* TEKNİK ÖZELLİKLER TABLOSU (KESİN SIĞDIRMA) */
.specs-container { margin-top: 30px !important; width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; }
.specs-title{font-size:1.4rem;font-weight:900;margin-bottom:15px;border-left:6px solid var(--primary);padding-left:12px;text-transform:uppercase;}
.specs-table { width: 100% !important; max-width: 100% !important; min-width: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; border: 2px solid #222 !important; background: #fff !important; }
.specs-table th, .specs-table td { padding: 8px 4px !important; border: 1px solid #ccc !important; font-size: 0.85rem !important; word-wrap: break-word !important; word-break: break-word !important; white-space: normal !important; text-align: center !important; vertical-align: middle !important; }
.specs-table th { background: #f4f4f4 !important; font-weight: 800 !important; width: 30% !important; text-transform: uppercase !important; border-right: 2px solid #222 !important; }
.specs-table td { font-weight: 700 !important; color: #222 !important; }

/* VİDEO MODAL */
.video-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 99999; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: 0.4s ease; backdrop-filter: blur(5px); }
.video-modal.active { opacity: 1; pointer-events: auto; }
.video-content { width: 90%; max-width: 1000px; aspect-ratio: 16/9; position: relative; transform: scale(0.8); transition: 0.4s ease; }
.video-modal.active .video-content { transform: scale(1); }
.video-content iframe { width: 100%; height: 100%; border: none; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
.close-video { position: absolute; top: -50px; right: 0; color: white; font-size: 2.5rem; cursor: pointer; transition: 0.3s; }
.close-video:hover { color: var(--primary); transform: rotate(90deg); }

/* İLETİŞİM SAYFASI (CONTACT.HTML) ÖZEL KODLARI */
.contact-section { padding: 60px 0; }
.contact-wrapper { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 20px; }
.contact-form-box { flex: 1.2; min-width: 350px; background: var(--white); padding: 40px; border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid #eee; border-top: 6px solid var(--primary); }
.contact-info-box { flex: 1; min-width: 350px; display: flex; flex-direction: column; gap: 20px; }
.info-card { background: var(--dark-2); color: var(--white); padding: 30px; border-radius: var(--radius); display: flex; align-items: flex-start; gap: 20px; transition: 0.3s; border: 1px solid rgba(255,255,255,0.05); }
.info-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.2); border-color: rgba(192, 57, 43, 0.5); }
.info-icon { font-size: 2.5rem; color: var(--primary); margin-top: 5px; }
.info-text h4 { font-size: 1.2rem; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px; }
.info-text p, .info-text a { color: #ccc; font-size: 1.05rem; }
.info-text a:hover { color: var(--primary); }
.map-iframe-box { margin-top: 40px; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); border: 1px solid #eee; height: 450px; }
.map-iframe-box iframe { width: 100%; height: 100%; border: none; }
textarea.form-input { resize: vertical; min-height: 120px; font-family: inherit; }

/* FOOTER VE SABİT BUTONLAR */
footer{background:var(--dark);color:#aaa;padding:60px 20px 20px;margin-top:40px;}
.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px;}
.footer-col h3{color:#fff;margin-bottom:20px;font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;}
.footer-col p{margin-bottom:12px;font-size:1.05rem;}
.footer-col a{color:#aaa;transition:0.3s;} .footer-col a:hover{color:var(--primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:.95rem}
.whatsapp-float{position:fixed;bottom:25px;right:25px;background:#25D366;width:65px;height:65px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 25px rgba(37,211,102,.4);transition:.3s;z-index:1200;font-size:2rem;color:#fff;}
.whatsapp-float:hover{background:#1EBE53;transform:scale(1.1)}
.back-to-top { position: fixed; bottom: 100px; right: 25px; background: var(--dark-2); color: #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all 0.3s ease; z-index: 1100; cursor: pointer; border: 2px solid rgba(255,255,255,0.1); font-size: 1.2rem; }
.back-to-top.show { opacity: 1; pointer-events: auto; }
.back-to-top:hover { background: var(--primary); border-color:var(--primary); transform: translateY(-5px); }

/* RTL (Arapça Yönlendirmeleri) */
[dir="rtl"] nav{flex-direction:row-reverse}
[dir="rtl"] .specs-title{border-left:none;padding-left:0;border-right:6px solid var(--primary);padding-right:12px;}
[dir="rtl"] .search-input{padding-left:20px;padding-right:55px;}
[dir="rtl"] .search-icon{left:auto;right:22px;}
[dir="rtl"] .prev{left:auto;right:20px;transform:translateY(-50%) rotate(180deg);}
[dir="rtl"] .next{right:auto;left:20px;transform:translateY(-50%) rotate(180deg);}
[dir="rtl"] nav.open{left:0;right:auto;}
[dir="rtl"] .close-menu{left:22px;right:auto;}
[dir="rtl"] .about-wrapper { flex-direction: row-reverse; } /* Biz Kimiz Ters Döner */

/* MOBİL TASARIM (RESPONSIVE) */
@media(max-width:768px){
  /* SADECE MOBİLDE ÇALIŞACAK MENÜ KODLARI */
  .menu-toggle { display: block; }
  .close-menu { display: block; color: var(--primary); font-size: 2rem; position: absolute; top: 18px; right: 22px; cursor: pointer; }
  nav { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: #fff; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 80px; transition: .4s ease; z-index: 1001; box-shadow: -10px 0 30px rgba(0,0,0,.1); border-left: 5px solid var(--primary); }
  nav.open { right: 0; }
  nav a { margin: 15px 0; font-size: 1.2rem; color: var(--primary); }
  
  /* Diğer mobil ayarların (Aşağıdakiler sende zaten var, dokunma) */
  .slider-content h1{font-size:2.5rem}
  .detail-wrapper{padding:25px;gap:25px;}
  .detail-title{font-size:1.8rem;}
  .map-wrapper { height: 250px; }
  .map-bg-icon { font-size: 200px; }
  .stat-num{font-size:2.8rem;}
  .whatsapp-float{width:55px;height:55px;bottom:20px;right:20px;font-size:1.7rem;}
  .back-to-top{width:45px;height:45px;bottom:85px;right:20px;}
  .video-content { width: 95%; }
  .specs-table th, .specs-table td { padding: 6px 2px !important; font-size: 0.7rem !important; }
  .about-wrapper { flex-direction: column; }
  .about-images { width: 100%; min-height: 350px; }
  .about-content { width: 100%; }
  .about-content .section-title, .about-content .about-text { text-align: center !important; }
  .about-img-main { width: 85%; height: 280px; }
  .about-img-sub { width: 65%; height: 220px; border-width: 5px; }
  .contact-wrapper { flex-direction: column; }
  .contact-form-box { padding: 25px; }
  .map-iframe-box { height: 300px; }
}
  
  /* MOBİLDE TABLO */
  .specs-table th, .specs-table td { padding: 6px 2px !important; font-size: 0.7rem !important; }

  /* MOBİLDE BİZ KİMİZ */
  .about-wrapper { flex-direction: column; }
  .about-images { width: 100%; min-height: 350px; }
  .about-content { width: 100%; }
  .about-content .section-title, .about-content .about-text { text-align: center !important; }
  .about-img-main { width: 85%; height: 280px; }
  .about-img-sub { width: 65%; height: 220px; border-width: 5px; }
  
  /* MOBİLDE İLETİŞİM */
  .contact-wrapper { flex-direction: column; }
  .contact-form-box { padding: 25px; }
  .map-iframe-box { height: 300px; }
}