/* Taşlı custom automotive identity. Transparent artwork, no layout shifts. */
.header .brand,footer .brand{display:block;flex:none;width:240px;max-width:100%;line-height:0;font-size:0;aspect-ratio:3/1}
.brand .brand-logo{display:block;width:100%;height:100%;object-fit:contain}
.brand .brand-logo--night{display:none}
.header .brand{transition:opacity .2s ease}
.header .brand:hover{opacity:.88}
footer .brand{width:258px}
footer .brand .brand-logo--day{display:none}
footer .brand .brand-logo--night{display:block}
.footer-since{display:flex;width:max-content;margin-top:17px}
@media(min-width:801px) and (max-width:1150px){.header .brand{width:212px}}
@media(max-width:800px){
  body[data-mobile-theme] .header .brand{display:block;width:clamp(144px,43vw,176px);height:auto;font-size:0;line-height:0;gap:0}
  body[data-mobile-theme=executive] .header .brand .brand-logo--day{display:none}
  body[data-mobile-theme=executive] .header .brand .brand-logo--night{display:block}
  footer .brand{width:250px}
}
@media(max-width:360px){
  body[data-mobile-theme] .header{padding-inline:14px}
  body[data-mobile-theme] .header .brand{width:134px}
  body[data-mobile-theme] .header-actions{gap:6px}
  body[data-mobile-theme] .header-actions>.btn{padding-inline:9px;gap:9px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.header .brand{transition:none}}