
:root{--bg:#0b0d11;--card:#121721;--muted:#8d98aa;--text:#f5f7fb;--red:#d71920;--line:#242a35;--light:#f5f6f8}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b0d11;color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.top{background:#090b0f;border-bottom:1px solid var(--line);font-size:14px;color:#cbd2df}.top .container{display:flex;justify-content:space-between;gap:16px;padding:10px 0;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:50;background:rgba(11,13,17,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav .container{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{font-weight:900;font-size:22px;letter-spacing:.3px}.logo span{color:var(--red)}.menu{display:flex;gap:22px;align-items:center;font-weight:700;font-size:14px}.menu a:hover{color:var(--red)}.hero{min-height:620px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.58),rgba(0,0,0,.22)),url('assets/images/tiggo-8-pro-max.jpg') center/cover no-repeat}.hero h1{font-size:clamp(38px,6vw,78px);line-height:1.02;margin:0 0 18px}.hero p{font-size:20px;color:#d8deea;max-width:680px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:12px;background:var(--red);font-weight:800;border:1px solid var(--red)}.btn.secondary{background:transparent;border-color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-55px;position:relative;z-index:2}.stat{background:#fff;color:#10141c;border-radius:18px;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.stat b{display:block;font-size:30px}.section{padding:80px 0}.section.light{background:#f5f6f8;color:#121721}.head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.head h2{font-size:38px;margin:0}.head p{color:var(--muted);max-width:660px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.brand-card{min-height:260px;border-radius:22px;overflow:hidden;background:#151a24;position:relative;border:1px solid var(--line)}.brand-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.72;transition:.5s}.brand-card:hover img{transform:scale(1.08);opacity:.9}.brand-card .info{position:absolute;inset:auto 0 0 0;padding:26px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.brand-card h3{font-size:26px;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid #d9dee8;background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.filter.active,.filter:hover{background:var(--red);color:#fff;border-color:var(--red)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e3e7ef;box-shadow:0 10px 28px rgba(21,31,50,.08);display:flex;flex-direction:column}.product .pic{height:210px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px}.product img{width:100%;height:100%;object-fit:contain}.product .body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.badge{font-size:12px;font-weight:900;color:#fff;background:#151a24;border-radius:999px;padding:5px 10px;display:inline-block;width:max-content}.product h3{font-size:18px;margin:0;color:#121721}.product p{margin:0;color:#697386;font-size:14px}.product .wa{margin-top:auto;background:#17b657;border-color:#17b657;color:#fff;padding:11px 14px;border-radius:10px;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.panel{background:#121721;border:1px solid var(--line);border-radius:24px;padding:32px}.panel h2{font-size:36px;margin:0 0 12px}.list{display:grid;gap:12px;margin-top:20px}.list div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#0e121a}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.form{background:#fff;color:#121721;padding:28px;border-radius:22px}.form input,.form textarea,.form select{width:100%;padding:14px;border-radius:10px;border:1px solid #d8dde8;margin-bottom:12px;font:inherit}.form button{width:100%;cursor:pointer}.footer{background:#07090d;border-top:1px solid var(--line);padding:34px 0;color:#b8c2d4}.float{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:99}.float a{padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.3)}.float .whatsapp{background:#17b657}.float .call{background:var(--red)}@media(max-width:900px){.menu{display:none}.hero{min-height:560px}.stats,.brand-grid,.products,.split,.contact{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.products{grid-template-columns:1fr}.top .container{font-size:12px}.stat b{font-size:24px}.hero h1{font-size:38px}.section{padding:54px 0}}

/* Logo ve banner slider güncellemesi */
.logo-img{display:flex;align-items:center;gap:12px;font-size:18px}.logo-img img{width:74px;height:46px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.logo-img span{color:#fff;font-weight:900;letter-spacing:.4px}.hero-slider{position:relative;overflow:hidden;background:none;min-height:660px}.hero-slider .slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.04);transition:opacity 1s ease,transform 6s ease}.hero-slider .slide.active{opacity:1;transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.56),rgba(0,0,0,.2));z-index:1}.hero-content{position:relative;z-index:2}.hero-logo{width:190px;max-width:55vw;background:#fff;border-radius:16px;padding:10px;margin-bottom:18px;box-shadow:0 15px 45px rgba(0,0,0,.28)}.eyebrow{display:inline-flex;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);padding:8px 14px;border-radius:999px;font-weight:900;color:#fff;margin-bottom:18px}.slider-dots{display:flex;gap:10px;margin-top:28px}.slider-dots button{width:12px;height:12px;border-radius:999px;border:0;background:rgba(255,255,255,.45);cursor:pointer}.slider-dots button.active{background:var(--red);width:34px}@media(max-width:900px){.logo-img img{width:58px;height:38px}.logo-img span{font-size:14px}.hero-slider{min-height:620px}.hero-logo{width:150px}}


/* Üst marka logo şeridi */
.brand-strip{background:#fff;border-bottom:1px solid #e5e8ef;color:#111827}
.brand-strip .container{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 0;flex-wrap:wrap}
.brand-logo{min-width:150px;height:46px;border:1px solid #e3e7ef;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;font-weight:950;letter-spacing:1px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.brand-logo.ssangyong{color:#1f2937}
.brand-logo.chery{color:#b40f1a}
.brand-logo.tata-mini{gap:8px;color:#062766}
.brand-logo.tata-mini img{width:48px;height:32px;object-fit:contain}
@media(max-width:560px){.brand-logo{min-width:100px;height:38px;font-size:12px}.brand-logo.tata-mini img{width:38px;height:26px}}

.map-box{margin-top:30px;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.18);border:1px solid #e3e7ef;background:#fff}.map-box iframe{display:block;width:100%}
