*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030303;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}.header{height:62px;position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(4,4,4,.97);border-bottom:1px solid #272727;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.8%}.logo{display:flex;align-items:center;gap:10px;width:max-content}.logo .os{height:43px;width:69px;border:3px solid #eee;border-radius:13px;transform:skew(-9deg);display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:900;font-style:italic;letter-spacing:-8px;padding-right:8px}.logo .os i{color:#fff}.logo .os b{color:#f21825}.logo>span:last-child{display:flex;flex-direction:column}.logo strong{font-size:20px;font-style:italic;line-height:1}.logo small{font-size:9px;color:#ddd;margin-top:4px}.header nav{height:100%;display:flex;gap:45px;align-items:center}.header nav a{font-size:13px;font-weight:600;height:100%;display:flex;align-items:center;position:relative}.header nav a.active{color:#f21825}.header nav a.active:after{content:"";position:absolute;bottom:8px;left:0;right:0;height:3px;background:#f21825}.headwa{justify-self:end}.wa{background:#f31825;padding:14px 20px;border-radius:5px;font-size:13px;font-weight:800;box-shadow:0 0 20px rgba(243,24,37,.15)}.wa b,.ghost b{float:right;margin-left:20px}.hero{height:500px;margin-top:62px;position:relative;overflow:hidden}.heroPhoto{position:absolute;inset:0;background:url(assets/hero.webp) center 48%/cover no-repeat;filter:contrast(1.06) saturate(1.05)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 18%,rgba(5,5,5,.72) 36%,rgba(5,5,5,.06) 59%,rgba(0,0,0,.02))}.heroText{position:absolute;left:9.4%;top:69px;z-index:3}.kicker{font-size:13px;letter-spacing:7px}.kicker i{display:inline-block;width:67px;height:4px;background:#f21825;margin:0 0 4px 15px}.hero h1{font-size:60px;line-height:.91;font-style:italic;letter-spacing:-3px;margin:17px 0 13px;font-weight:900}.hero h1 em{color:#f21825}.heroText>p{font-size:18px;line-height:1.3;margin:0 0 22px;color:#eee}.buttons{display:flex;gap:18px}.ghost{border:1px solid #666;background:rgba(0,0,0,.64);padding:14px 20px;border-radius:5px;font-size:12px;font-weight:700}.quick{position:absolute;z-index:4;left:9.4%;right:2.5%;bottom:17px;height:70px;background:rgba(8,8,8,.92);border:1px solid #333;border-radius:5px;display:grid;grid-template-columns:repeat(6,1fr)}.quick>div{display:flex;align-items:center;gap:13px;padding:0 20px;border-right:1px solid #2c2c2c}.quick>div:last-child{border:0}.ico{color:#f21825;font-size:30px;font-weight:900}.quick p,.cards p{margin:0}.quick b,.quick small,.cards b,.cards small{display:block}.quick b{font-size:11px}.quick small{font-size:10px;color:#aaa;margin-top:5px}.services{padding:14px 5.1% 11px}.title{display:flex;align-items:center;gap:17px;height:35px}.title h2{font-size:24px;margin:0;font-weight:900}.title i{height:3px;width:60px;background:#f21825}.title>a{margin-left:auto;color:#f21825;font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:9px}.cards article{border:1px solid #383838;border-radius:5px;overflow:hidden;background:#080808}.cards article>img{width:100%;height:103px;object-fit:cover;display:block}.cards article>div{height:63px;display:flex;align-items:center;gap:11px;padding:8px 13px;background:linear-gradient(90deg,#080808,#0b0b0b)}.cards b{font-size:13px}.cards small{font-size:10px;color:#aaa;margin-top:4px}.bottom{border-top:1px solid #252525;display:grid;grid-template-columns:1.2fr 1.08fr .82fr;padding:0 5.1%}.bottom>div{padding:14px 16px 12px 0;min-height:195px;border-right:1px solid #252525}.bottom>div+div{padding-left:18px}.bottom>div:last-child{border-right:0}.bottom .title h2{font-size:23px}.aboutBody{display:grid;grid-template-columns:1.25fr .8fr;gap:18px}.aboutBody p,.contact p{font-size:11px;color:#c6c6c6;line-height:1.55;margin:7px 0 13px}.aboutBody img{width:100%;height:128px;object-fit:cover}.mini{padding:10px 17px;display:inline-block}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.gallery img{width:100%;height:72px;object-fit:cover;border:1px solid #333;border-radius:4px}.center{display:table;margin:10px auto 0}.contact>a,.contact>span{display:block;font-size:12px;margin-top:10px}.contact>a:nth-of-type(2){color:#fff}@media(max-width:950px){.header{grid-template-columns:1fr auto;padding:0 4%}.header nav{display:none}.heroText{left:6%}.quick{left:3%;right:3%;grid-template-columns:repeat(3,1fr);height:130px}.hero{height:570px}.cards{grid-template-columns:repeat(2,1fr)}.bottom{grid-template-columns:1fr;padding:0 4%}.bottom>div{border-right:0;border-bottom:1px solid #222}.bottom>div+div{padding-left:0}}@media(max-width:560px){.logo strong{font-size:15px}.logo small{font-size:7px}.logo .os{width:53px;height:34px;font-size:22px}.headwa{padding:10px;font-size:11px}.hero{height:630px}.heroText{top:60px;left:5%}.hero h1{font-size:45px}.heroText>p{font-size:15px}.buttons{flex-direction:column;width:245px}.quick{grid-template-columns:repeat(2,1fr);height:215px}.quick>div{padding:0 10px}.cards{grid-template-columns:1fr}.services{padding-left:4%;padding-right:4%}.bottom{padding-left:4%;padding-right:4%}.aboutBody{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}
.contactActions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.contactActions .contactBtn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:9px 12px;border-radius:5px;font-size:11px;font-weight:800}
.contactActions .callBtn{background:#f31825;color:#fff}
.contactActions .routeBtn{border:1px solid #555;background:#0b0b0b;color:#fff}
.contactActions .contactBtn:hover{transform:translateY(-1px);filter:brightness(1.12)}

/* V13: HD service photography */
.cards article>img{height:132px;object-fit:cover;object-position:center}
.cards article{background:#080808}

/* V14 — eski görselde fotoğrafa gömülü kalan hizmet şeridini gizle */
.heroPhoto{
  background-position:center 37% !important;
  background-size:cover !important;
}
.hero:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:92px;
  background:linear-gradient(to bottom,rgba(3,3,3,0),#030303 68%,#030303);
  z-index:2;
  pointer-events:none;
}
.heroText{z-index:5}
.quick{z-index:8 !important;bottom:18px !important}
.services{
  position:relative;
  z-index:10;
  background:#030303;
  padding-top:22px !important;
}

/* V15 — hero fotoğrafına gömülü eski gölge yazı/butonları temizlendi */
.shade{
  background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.99) 22%,rgba(3,3,3,.91) 34%,rgba(3,3,3,.38) 48%,rgba(0,0,0,.03) 63%) !important;
}

/* V16 — Online randevu */
.headActions{justify-self:end;display:flex;align-items:center;gap:10px}.appointmentOpen{border:1px solid #f31825;background:transparent;color:#fff;border-radius:5px;padding:12px 16px;font-weight:800;font-size:12px;cursor:pointer}.appointmentOpen:hover{background:#f31825}.modalOpen{overflow:hidden}.appointmentModal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}.appointmentModal.show{display:flex}.appointmentBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(6px)}.appointmentBox{position:relative;width:min(560px,100%);max-height:94vh;overflow:auto;background:linear-gradient(145deg,#111,#050505);border:1px solid #3b3b3b;border-radius:10px;padding:28px;box-shadow:0 25px 80px #000}.appointmentClose{position:absolute;right:14px;top:10px;border:0;background:none;color:#aaa;font-size:30px;cursor:pointer}.apptHead small{font-size:9px;letter-spacing:3px;color:#aaa}.apptHead h2{font-size:30px;font-style:italic;margin:6px 0 4px}.apptHead i{display:block;width:62px;height:4px;background:#f31825;margin:0 0 12px}.apptHead p{font-size:12px;color:#aaa;margin:0 0 20px}.appointmentBox label{display:block;color:#ddd;font-size:11px;font-weight:700;margin-bottom:12px}.appointmentBox label span{font-weight:400;color:#777}.appointmentBox input,.appointmentBox select,.appointmentBox textarea{width:100%;margin-top:6px;border:1px solid #383838;background:#090909;color:#fff;border-radius:5px;padding:12px;font:inherit;outline:none}.appointmentBox input:focus,.appointmentBox select:focus,.appointmentBox textarea:focus{border-color:#f31825}.apptGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.apptSubmit{width:100%;border:0;background:#f31825;color:#fff;border-radius:5px;padding:14px 16px;font-size:12px;font-weight:900;cursor:pointer}.apptSubmit b{float:right}@media(max-width:950px){.headActions .appointmentOpen{display:none}}@media(max-width:560px){.apptGrid{grid-template-columns:1fr}.appointmentBox{padding:22px 17px}.apptHead h2{font-size:25px}}

/* V17 — yeni OS CAR kurumsal logosu */
.logoImage{height:54px;display:flex;align-items:center;overflow:hidden}
.logoImage img{display:block;width:235px;height:54px;object-fit:cover;object-position:center}
@media(max-width:560px){.logoImage{height:46px}.logoImage img{width:190px;height:46px}}
/* V18 — yeni OS CAR logo: header + hero duvar logosu */
.logoImage{height:54px!important;width:270px!important;overflow:hidden!important}
.logoImage img{width:270px!important;height:54px!important;object-fit:cover!important;object-position:center!important}
.heroBrandLogo{position:absolute;z-index:2;right:7.2%;top:58px;width:260px;height:105px;background:#050505;border-radius:8px;overflow:hidden;box-shadow:0 0 38px 22px rgba(5,5,5,.92)}
.heroBrandLogo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.9}
@media(max-width:950px){.heroBrandLogo{right:3%;width:230px}}
@media(max-width:560px){.logoImage{width:195px!important;height:46px!important}.logoImage img{width:195px!important;height:46px!important}.heroBrandLogo{right:-12px;top:45px;width:180px;height:75px;opacity:.72}}

/* V19 — hero duvarındaki eski gömülü OS/Oscar logosunu tamamen kapatıp yeni OS CAR logosunu göster */
.heroBrandLogo{
  right:6.2% !important;
  top:48px !important;
  width:310px !important;
  height:170px !important;
  background:#050505 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:0 0 55px 35px rgba(5,5,5,.98) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.heroBrandLogo img{
  width:300px !important;
  height:120px !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:.96 !important;
  display:block !important;
}
@media(max-width:950px){.heroBrandLogo{right:2%!important;width:285px!important;height:160px!important}.heroBrandLogo img{width:275px!important;height:110px!important}}
@media(max-width:560px){.heroBrandLogo{right:-18px!important;top:38px!important;width:220px!important;height:125px!important;opacity:.82}.heroBrandLogo img{width:210px!important;height:84px!important}}

/* V21 — duvar logosu hero görselinin içine işlendi; araç üstünde HTML overlay yok */